2021-02-24 18:21:47 +00:00
<!DOCTYPE html>
2021-02-27 19:02:41 +00:00
< html >
2021-02-24 18:21:47 +00:00
< head >
2021-02-27 19:02:41 +00:00
< meta charset = "utf-8" >
< title > TinDog< / title >
<!-- Google fonts -->
< link href = "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&family=Ubuntu:wght@300;400;700&display=swap" rel = "stylesheet" >
<!-- CSS stylesheet -->
< link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity = "sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin = "anonymous" >
< link rel = "stylesheet" href = "css/styles.css" >
<!-- fontawesome -->
< link rel = "stylesheet" href = "https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity = "sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin = "anonymous" / >
<!-- Bootstrap Scripts -->
< script src = "https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity = "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin = "anonymous" > < / script >
< script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity = "sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin = "anonymous" > < / script >
< script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity = "sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin = "anonymous" > < / script >
2021-02-24 18:21:47 +00:00
< / head >
< body >
2021-02-27 19:02:41 +00:00
< section class = "colored-section" id = "title" >
2021-02-27 21:05:48 +00:00
2021-02-27 19:02:41 +00:00
< div class = "container-fluid" >
<!-- Nav Bar -->
< nav class = "navbar navbar-expand-lg navbar-dark" >
2021-02-27 21:05:48 +00:00
< a class = "navbar-brand" href = "#" > Batuhan's Bikes< / a >
2021-02-27 19:02:41 +00:00
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarTogglerDemo02" aria-controls = "navbarTogglerDemo02" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarTogglerDemo02" >
< ul class = "navbar-nav ml-auto" >
< li class = "nav-item" >
< a class = "nav-link" href = "#footer" > Contact< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "#pricing" > Pricing< / a >
< / li >
< li class = "nav-item" >
2021-02-27 21:05:48 +00:00
< a class = "nav-link" href = "#cta" > Book an Appointment< / a >
2021-02-27 19:02:41 +00:00
< / li >
< / ul >
< / div >
< / nav >
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
<!-- Title -->
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
< div class = "row" >
< div class = "col-lg-6" >
2021-02-27 21:05:48 +00:00
< h1 class = "big-heading" > Nothing beats the high of a good bike ride. < / h1 >
< button type = "button" class = "btn btn-lg btn-dark download-btn" > < i class = "fab fa-apple" > < / i > Book an Appointment< / button >
2021-02-27 19:02:41 +00:00
< / div >
< div class = "col-lg-6" >
< img class = "title-image" src = "images/iphone6.png" alt = "iphone-mockup" >
< / div >
< / div >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / section >
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
<!-- Features -->
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
< section class = "white-section" id = "features" >
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
< div class = "container-fluid" >
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
< div class = "row" >
< div class = "feature-box col-lg-4" >
< i class = "feature-icon fas fa-check-circle fa-4x" > < / i >
< h3 class = "feature-title" > Easy to use.< / h3 >
< p > So easy to use, even your dog could do it.< / p >
< / div >
2021-02-24 18:21:47 +00:00
2021-02-27 19:02:41 +00:00
< div class = "feature-box col-lg-4" >
< i class = "feature-icon fas fa-bullseye fa-4x" > < / i >
< h3 class = "feature-title" > Elite Clientele< / h3 >
< p > We have all the dogs, the greatest dogs.< / p >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< div class = "feature-box col-lg-4" >
< i class = "feature-icon fas fa-heart fa-4x" > < / i >
< h3 class = "feature-title" > Guaranteed to work.< / h3 >
< p > Find the love of your dog's life or your money back.< / p >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / div >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / section >
<!-- Testimonials -->
< section class = "colored-section" id = "testimonials" >
< div id = "testimonial-carousel" class = "carousel slide" data-ride = "carousel" >
< div class = "carousel-inner" >
2021-02-27 21:05:48 +00:00
2021-02-27 19:02:41 +00:00
< div class = "carousel-item active container-fluid" >
2021-02-27 21:05:48 +00:00
< h2 class = "testimonial-text" > "Strong 10 from me. The service here is phenomenal." < / h2 >
< img class = "testimonial-img" src = "images\customers\Anthony.png" alt = "dog-profile" >
< em > Anthony Green< / em >
< / div >
< div class = "carousel-item container-fluid" >
< h2 class = "testimonial-text" > "Thanks to the folks over at Batuhan's Bikes, I just upgraded my old bike to a new mountain bike. Love it!" < / h2 >
< img class = "testimonial-img" src = "images\customers\elizabeth.jpg" alt = "lady-profile" >
< em > Ellie Bean< / em >
< / div >
< div class = "carousel-item container-fluid" >
< h2 class = "testimonial-text" > "Most people don't know me. If you ask any of my friends they will say I bike. And the only place I trust to get my bikes are Batuhan's Bikes"< / h2 >
< img class = "testimonial-img" src = "images\customers\bobby.jpg" alt = "lady-profile" >
< em > Bob < / em >
2021-02-27 19:02:41 +00:00
< / div >
2021-02-27 21:05:48 +00:00
2021-02-27 19:02:41 +00:00
< div class = "carousel-item container-fluid" >
2021-02-27 21:05:48 +00:00
< h2 class = "testimonial-text" > "The squeeze has not squoze." < / h2 >
< img class = "testimonial-img" src = "images\customers\keith.png" alt = "lady-profile" >
< em > Keith Value< / em >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 21:05:48 +00:00
2021-02-27 19:02:41 +00:00
< / div >
2021-02-27 21:05:48 +00:00
2021-02-27 19:02:41 +00:00
< a class = "carousel-control-prev" href = "#testimonial-carousel" role = "button" data-slide = "prev" >
< span class = "carousel-control-prev-icon" aria-hidden = "true" > < / span >
< span class = "sr-only" > Previous< / span >
< / a >
< a class = "carousel-control-next" href = "#testimonial-carousel" role = "button" data-slide = "next" >
< span class = "carousel-control-next-icon" aria-hidden = "true" > < / span >
< span class = "sr-only" > Next< / span >
< / a >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / section >
<!-- Press -->
2021-02-27 21:05:48 +00:00
<!-- -
2021-02-27 19:02:41 +00:00
< section class = "colored-section" id = "press" >
< img class = "press-img" src = "images/techcrunch.png" alt = "tc-logo" >
< img class = "press-img" src = "images/tnw.png" alt = "tnw-logo" >
< img class = "press-img" src = "images/bizinsider.png" alt = "biz-insider-logo" >
< img class = "press-img" src = "images/mashable.png" alt = "mashable-logo" >
< / section >
2021-02-27 21:05:48 +00:00
-->
2021-02-27 19:02:41 +00:00
<!-- Pricing -->
< section class = "white-section" id = "pricing" >
2021-02-27 21:05:48 +00:00
< h2 class = "section-heading" > Our Bike Repair Plans< / h2 >
< p > Simple and affordable price plans for your bike.< / p >
2021-02-27 19:02:41 +00:00
< div class = "row" >
< div class = "pricing-col col-lg-4 col-md-6" >
< div class = "card" >
< div class = "card-header" >
2021-02-27 21:05:48 +00:00
< h3 > Regular Tune Up< / h3 >
2021-02-27 19:02:41 +00:00
< / div >
< div class = "card-body" >
2021-02-27 21:05:48 +00:00
< h2 class = "price-text" > $47.95< / h2 >
2021-02-27 19:02:41 +00:00
< p > 5 Matches Per Day< / p >
< p > 10 Messages Per Day< / p >
< p > Unlimited App Usage< / p >
2021-02-27 21:05:48 +00:00
< button type = "button" class = "btn btn-block btn-outline-dark btn-lg" > Buy< / button >
2021-02-27 19:02:41 +00:00
< / div >
< / div >
< / div >
< div class = "pricing-col col-lg-4 col-md-6" >
< div class = "card" >
< div class = "card-header" >
2021-02-27 21:05:48 +00:00
< h3 > "Tired Bike" Tune Up< / h3 >
2021-02-27 19:02:41 +00:00
< / div >
< div class = "card-body" >
2021-02-27 21:05:48 +00:00
< h2 class = "price-text" > $59.95< / h2 >
2021-02-27 19:02:41 +00:00
< p > Unlimited Matches< / p >
< p > Unlimited Messages< / p >
< p > Unlimited App Usage< / p >
2021-02-27 21:05:48 +00:00
< button type = "button" class = "btn btn-block btn-outline-dark btn-lg" > Buy< / button >
2021-02-27 19:02:41 +00:00
< / div >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / div >
< div class = "pricing-col col-lg-4 " >
< div class = "card" >
< div class = "card-header" >
2021-02-27 21:05:48 +00:00
< h3 > "Roadie" Tune Up< / h3 >
2021-02-27 19:02:41 +00:00
< / div >
< div class = "card-body" >
2021-02-27 21:05:48 +00:00
< h2 class = "price-text" > $79.95< / h2 >
2021-02-27 19:02:41 +00:00
< p > Pirority Listing< / p >
< p > Unlimited Matches< / p >
< p > Unlimited Messages< / p >
< p > Unlimited App Usage< / p >
2021-02-27 21:05:48 +00:00
< button type = "button" class = "btn btn-block btn-outline-dark btn-lg" > Buy< / button >
2021-02-27 19:02:41 +00:00
< / div >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / div >
2021-02-24 18:21:47 +00:00
< / div >
2021-02-27 19:02:41 +00:00
< / section >
<!-- Call to Action -->
< section class = "colored-section" id = "cta" >
2021-02-27 21:05:48 +00:00
< h2 class = "big-heading" > Contact Us< / h2 >
< p style = "color:white;" > 5 Hawthorne Avenue < br >
Ottawa, Ontario < br >
Phone: (613) 567-8180 < br >
Email: info@cycosport.ca
< / p >
< div class = "row" >
< div class = "col-8" >
< div id = "googleMap" style = "width:70%;height:400px;margin-left:auto; margin-right:auto;" > < / div >
< / div >
< div class = "col-3-4" >
< h2 class = "big-heading-2" > Opening Hours< / h2 >
< p style = "color:white;text-align:left;padding-left:30px;" >
Mon: 8:30 to 22:00< br >
Tue: 8:30 to 22:00< br >
Wed: 8:30 to 22:00< br >
Thu: 8:30 to 22:00< br >
Fri: 8:30 to 22:00< br >
Sat: 10:00 to 20:00< br >
Sun: 10:00 to 20:00< br >
< / p >
< / div >
< script >
function myMap() {
var mapProp= {
center:new google.maps.LatLng(45.412085720162494, -75.68236814266143),
zoom:18,
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
< / script >
< script src = "https://maps.googleapis.com/maps/api/js?key=AIzaSyC5TiZoTEwEcB_HUZRhe_rXrcSWW1Z5x8I&callback=myMap" > < / script >
2021-02-27 19:02:41 +00:00
< / section >
2021-02-27 21:05:48 +00:00
<!-- - Book an Appointment -->
< section class = "colored-section" id = "cta" >
2021-02-27 19:02:41 +00:00
2021-02-27 21:05:48 +00:00
< / section >
2021-02-27 19:02:41 +00:00
<!-- Footer -->
< footer class = "white-section" id = "footer" >
< div class = "container-fluid" >
< i class = "social-icon fab fa-twitter" > < / i >
< i class = "social-icon fab fa-facebook" > < / i >
< i class = "social-icon fab fa-instagram" > < / i >
< i class = "social-icon fas fa-envelope" > < / i >
2021-02-27 21:05:48 +00:00
< p > © Copyright SEG3125 - Group5< / p >
2021-02-27 19:02:41 +00:00
< / div >
< / footer >
2021-02-24 18:21:47 +00:00
< / body >
2021-02-27 19:02:41 +00:00
2021-02-24 18:21:47 +00:00
< / html >
