2021-03-08 00:09:39 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > Batuhan's Bikes< / 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">
2021-03-09 23:53:42 +00:00
<!-- CSS stylesheet -->
2021-03-08 00:09:39 +00:00
< 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-03-10 03:30:55 +00:00
< link rel = "stylesheet" href = "//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" >
< link rel = "stylesheet" href = "/resources/demos/style.css" >
< script src = "https://code.jquery.com/jquery-1.12.4.js" > < / script >
< script src = "https://code.jquery.com/ui/1.12.1/jquery-ui.js" > < / script >
< script >
2021-03-10 19:25:11 +00:00
2021-03-10 03:30:55 +00:00
< / script >
2021-03-08 00:09:39 +00:00
< / head >
< body >
< section class = "colored-section2" id = "title" >
< div class = "container-fluid" >
2021-03-10 02:19:04 +00:00
< img src = "images/logo2.png" style = "float:left;width:42px;height:42px; margin-right:20px; margin-top:10px" >
2021-03-08 00:09:39 +00:00
<!-- Nav Bar -->
< nav class = "navbar navbar-expand-lg navbar-dark" >
< a class = "navbar-brand" href = "#" > Batuhan's Bikes< / a >
< 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" >
2021-03-08 02:53:27 +00:00
< a class = "nav-link" href = "#pricing" id = "test" > Repair Plans < i class = "fas fa-toolbox" > < / i > < / a >
2021-03-08 00:09:39 +00:00
< / li >
< li class = "nav-item" >
2021-03-08 02:53:27 +00:00
< a class = "nav-link" href = "#cta" id = "test" > Contact Us < i class = "fas fa-map-signs" > < / i > < / a >
2021-03-08 00:09:39 +00:00
< / li >
< li class = "nav-item" >
2021-03-08 02:53:27 +00:00
< a class = "nav-link" href = "#appointment" id = "test" > Appointment < i class = "far fa-clock" > < / i > < / a >
2021-03-08 00:09:39 +00:00
< / li >
< / ul >
< / div >
< / nav >
<!-- Title -->
< div class = "row" >
< div class = "col-lg-6" >
< h1 class = "big-heading" > Nothing beats the high of a good bike ride. < / h1 >
2021-03-10 02:19:04 +00:00
< button type = "button" onclick = "toAppointment()" class = "btn btn-lg btn-dark download-btn" > < i
class="fas fa-bicycle">< / i > Book an
2021-03-08 00:09:39 +00:00
Appointment< / button >
< / div >
< div class = "col-lg-6" >
< img class = "title-image" src = "images/bike_repair1.jpg" alt = "bike repair" >
< / div >
< / div >
< / div >
< / section >
<!-- Owner Bio -->
< section class = "white-section" id = "features" >
< div class = "container-fluid" >
2021-03-10 02:19:04 +00:00
< h1 style = "font-weight: bold;" > < i class = "fas fa-users" > < / i > Meet the Team< / h1 >
< br >
< br >
2021-03-09 23:17:08 +00:00
2021-03-10 02:19:04 +00:00
< div class = "row" >
2021-03-09 23:17:08 +00:00
2021-03-10 02:19:04 +00:00
< div class = "col-lg-4 col-12" >
2021-03-10 02:35:37 +00:00
< div class = "card mb-3" style = "max-width: 540px;" >
< div class = "row g-0" >
< div class = "col-md-4" >
< img src = "images\owner_pic.jpg" alt = "" class = "profile" >
< / div >
< div class = "col-md-8" >
< div class = "card-body" >
< h5 class = "card-title " > < i class = "fas fa-id-card" > < / i > Batuhan< / h5 >
< p class = "card-text" > Hey, I'm the store owner. Ever since I was a child, it was my dream to own
a bike shop. I specialize in brake repair.< / p >
2021-03-10 03:58:00 +00:00
< p class = "card-text" > < small class = "text-muted" > Availability: Monday-Friday< / small > < / p >
2021-03-10 02:35:37 +00:00
< / div >
< / div >
2021-03-10 02:19:04 +00:00
< / div >
2021-03-09 23:17:08 +00:00
< / div >
2021-03-08 00:09:39 +00:00
2021-03-09 23:17:08 +00:00
< / div >
2021-03-10 02:19:04 +00:00
< div class = "col-lg-4 col-12" >
2021-03-10 02:35:37 +00:00
< div class = "card mb-3" style = "max-width: 540px;" >
< div class = "row g-0" >
< div class = "col-md-4" >
< img src = "images\mumen.jpg" alt = "" class = "profile" >
< / div >
< div class = "col-md-8" >
< div class = "card-body" >
< h5 class = "card-title" > < i class = "fas fa-id-card" > < / i > Mumem< / h5 >
< p class = "card-text" > Without biking, my life has no meaning. I am
the best at fixing punctures in town.< / p >
2021-03-10 03:58:00 +00:00
< p class = "card-text" > < small class = "text-muted" > Availability: Tuesday-Wednesday< / small > < / p >
2021-03-10 02:35:37 +00:00
< / div >
< / div >
2021-03-10 02:19:04 +00:00
< / div >
2021-03-09 23:17:08 +00:00
< / div >
2021-03-08 00:09:39 +00:00
< / div >
2021-03-09 23:17:08 +00:00
< div class = "col-lg-4 col-12" >
2021-03-10 02:19:04 +00:00
< div class = "card mb-3" style = "max-width: 540px;" >
2021-03-10 02:35:37 +00:00
< div class = "row g-0" >
< div class = "col-md-4" >
< img src = "images\Stewie.png" alt = "" class = "profile" >
< / div >
< div class = "col-md-8" >
< div class = "card-body" >
< h5 class = "card-title" > < i class = "fas fa-id-card" > < / i > Stewart< / h5 >
< p class = "card-text" > I recently got my masters in bike fixing. I can help you with any repair or
maintenence < / p >
2021-03-10 03:58:00 +00:00
< p class = "card-text" > < small class = "text-muted" > Availability: Monday-Wednesday< / small > < / p >
2021-03-10 02:35:37 +00:00
< / div >
2021-03-10 02:19:04 +00:00
< / div >
2021-03-09 23:17:08 +00:00
< / div >
2021-03-08 00:09:39 +00:00
2021-03-09 23:17:08 +00:00
< / div >
< / div >
2021-03-08 00:09:39 +00:00
< / section >
<!-- Testimonials -->
< section class = "colored-section2" id = "colored-section2" >
< div id = "testimonial-carousel" class = "carousel slide" data-ride = "carousel" >
< div class = "carousel-inner" >
< div class = "carousel-item active container-fluid" >
< 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\Dottie.jpg" alt = "lady-profile" >
< em > Dottie 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 >
< / div >
< div class = "carousel-item container-fluid" >
< 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 >
< / div >
< / div >
< 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 >
< / div >
< / section >
<!-- Pricing -->
< section class = "white-section" id = "pricing" >
2021-03-10 02:10:53 +00:00
< h2 class = "section-heading" > < i class = "fas fa-toolbox" > < / i > Our Services< / h2 >
2021-03-08 00:09:39 +00:00
< p > Simple and affordable price plans for your bike.< / p >
< div class = "row" >
< div class = "pricing-col col-lg-4 col-md-6" >
< div class = "card" >
< div class = "card-header" >
2021-03-08 03:02:55 +00:00
< h3 > < i class = "fas fa-screwdriver" > < / i > Brake Repair< / h3 >
2021-03-08 00:09:39 +00:00
< / div >
< div class = "card-body" >
< h2 class = "price-text" > $47.95< / h2 >
< img class = "title-image" src = "images/brake.jpg" alt = "bike1" >
< p > Repair Using Standard kit< / p >
< p > Part Replacement< / p >
2021-03-10 02:19:04 +00:00
< button type = "button" onclick = "toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select< / button >
2021-03-08 00:09:39 +00:00
< / div >
< / div >
< / div >
< div class = "pricing-col col-lg-4 col-md-6" >
< div class = "card" >
< div class = "card-header" >
2021-03-08 03:02:55 +00:00
< h3 > < i class = "fas fa-wrench" > < / i > Fixing Punctures< / h3 >
2021-03-08 00:09:39 +00:00
< / div >
< div class = "card-body" >
< h2 class = "price-text" > $59.95< / h2 >
< img class = "title-image" src = "images/tire.jpg" alt = "bike2" >
< p > Repair Using Advanced Kit< / p >
< p > Part Replacement< / p >
2021-03-10 02:19:04 +00:00
< button type = "button" onclick = "toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select< / button >
2021-03-08 00:09:39 +00:00
< / div >
< / div >
< / div >
< div class = "pricing-col col-lg-4 " >
< div class = "card" >
< div class = "card-header" >
2021-03-08 02:34:36 +00:00
< h3 > < i class = "fas fa-tools" > < / i > Full Repair/Maintenance< / h3 >
2021-03-08 00:09:39 +00:00
< / div >
< div class = "card-body" >
< h2 class = "price-text" > $79.95< / h2 >
< img class = "title-image" src = "images/maintenance.jpg" alt = "bike3" >
< p > Full Part Replacement< / p >
< p > Full Cleaning< / p >
2021-03-10 02:19:04 +00:00
< button type = "button" onclick = "toAppointment()"
class="btn btn-block btn-outline-dark btn-lg">Select< / button >
2021-03-08 00:09:39 +00:00
< / div >
< / div >
< / div >
< / div >
< / section >
<!-- Call to Action -->
< section class = "colored-section2" id = "cta" >
2021-03-10 02:19:04 +00:00
< div class = "row" >
< div class = "col-12" >
< h2 class = "big-heading" > < i class = "fas fa-map-signs" > < / i > Contact Us< / h2 >
< p style = "color:white;font-size:20px" > 5 Hawthorne Avenue < br >
Ottawa, Ontario < br >
Phone: (613) 567-8180 < br >
Email: info@cycosport.ca < br >
< p style = "font-weight: bold; color: white;font-size:25px " > Buisness Hours: 8:30 - 22:00, Monday to Friday
< p >
< / p >
< / div >
2021-03-08 00:09:39 +00:00
< / div >
2021-03-10 02:19:04 +00:00
2021-03-08 00:09:39 +00:00
< div class = "row" >
< div class = "col-12" >
< div id = "googleMap" class = "map-img" > < / div >
< / div >
< / div >
2021-03-10 02:19:04 +00:00
< 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-03-08 00:09:39 +00:00
< / section >
<!-- - Book an Appointment -->
< section class = "white-section" id = "appointment" >
< div class = "container-fluid" >
2021-03-08 02:34:36 +00:00
< h2 class = "big-heading" > < i class = "far fa-clock" > < / i > Book an Appointment< / h2 >
2021-03-09 23:45:59 +00:00
<!-- Accordion for booking a service -->
< div id = "accordion" >
< div class = "card" >
< div class = "card-header" id = "headingOne" >
< h5 class = "mb-0" >
2021-03-11 00:15:10 +00:00
< button class = "btn btn-link" data-toggle2 = "tooltip" data-placement = "top" title = "Book services by clicking this button" data-toggle = "collapse" data-target = "#collapseOne" aria-expanded = "true" aria-controls = "collapseOne" >
2021-03-09 23:45:59 +00:00
Book Services
< / button >
< / h5 >
< / div >
2021-03-08 00:09:39 +00:00
2021-03-09 23:45:59 +00:00
< div id = "collapseOne" class = "collapse show" aria-labelledby = "headingOne" data-parent = "#accordion" >
< div class = "card-body" >
2021-03-10 14:52:44 +00:00
< h2 > < i class = "fas fa-toolbox" > < / i > Services< / h2 >
2021-03-09 23:45:59 +00:00
< p > Please select services you require< / p >
< select class = "form-select form-select-sm" aria-label = ".form-select-sm example" >
< option selected > Select Service< / option >
< option value = "1" > Brake Repair< / option >
< option value = "2" > Fixing Punctures< / option >
< option value = "3" > Full Repair/Maintenance< / option >
< option value = "3" > Other Inquiries< / option >
< / select >
< hr >
2021-03-10 14:52:44 +00:00
< h2 > < i class = "fas fa-users" > < / i > Mechanics< / h2 >
2021-03-09 23:45:59 +00:00
< p > Please select your technican< / p >
2021-03-10 03:30:55 +00:00
< select class = "form-select form-select-sm" aria-label = ".form-select-sm example" onchange = "getMechanic(this)" >
2021-03-09 23:45:59 +00:00
< option selected > Select technican< / option >
2021-03-10 03:30:55 +00:00
< option value = "1" > Batuhan< / option >
< option value = "2" > Mumen < / option >
< option value = "3" > Stewart< / option >
< option value = "4" > No preference< / option >
2021-03-09 23:45:59 +00:00
< / select >
< hr >
<!-- notify user of the availability of technican before selecting time, let them block dates that arent bookable and let users know -->
2021-03-10 14:52:44 +00:00
< h2 > < i class = "fas fa-calendar-plus" > < / i > Appointment Time< / h2 >
2021-03-10 03:30:55 +00:00
< p > Please select an appointment time< / p >
2021-03-09 23:45:59 +00:00
< div class = "request-label" >
2021-03-10 03:30:55 +00:00
< label for = "appTime" > Choose an appointment date: < / label >
< input type = "text" id = "datepicker" >
< form >
< label for = "appt-time" > Choose an appointment time (8:30am - 10:00pm): < / label >
< input id = "appt-time" type = "time" name = "appt-time"
min="12:00" max="18:00">
< span class = "validity" > < / span >
< / form >
2021-03-09 23:45:59 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "card" >
< div class = "card-header" id = "headingTwo" >
< h5 class = "mb-0" >
2021-03-10 23:55:06 +00:00
< button class = "btn btn-link collapsed" data-tooltip = "tooltip" data-placement = "top" title = "Access payment by clicking this button" data-toggle = "collapse" data-target = "#collapseTwo" aria-expanded = "false" aria-controls = "collapseTwo" >
2021-03-10 03:30:55 +00:00
Payment Details
2021-03-09 23:45:59 +00:00
< / button >
< / h5 >
< / div >
< div id = "collapseTwo" class = "collapse" aria-labelledby = "headingTwo" data-parent = "#accordion" >
< div class = "card-body" >
2021-03-10 14:52:44 +00:00
< h2 > < i class = "far fa-address-book" > < / i > Contact Information< / h2 >
2021-03-09 23:45:59 +00:00
< form >
< div class = "form-group" >
< div class = "row" >
2021-03-10 19:25:11 +00:00
2021-03-09 23:45:59 +00:00
< div class = "col-6" style = "float: right;" >
2021-03-10 19:25:11 +00:00
2021-03-10 03:30:55 +00:00
< label for = "fnameLabel" > First Name< / label >
2021-03-09 23:45:59 +00:00
< input type = "text" id = "fname" name = "firstname" placeholder = "First Name" >
< / div >
< div class = "col-6" >
2021-03-10 03:30:55 +00:00
< label for = "lnameLabel" > Last Name< / label >
2021-03-09 23:45:59 +00:00
< input type = "text" id = "lname" name = "lastname" placeholder = "Last Name" >
< / div >
2021-03-08 00:09:39 +00:00
< / div >
2021-03-09 23:45:59 +00:00
< / div >
< div class = "form-group" >
< div class = "row" >
< div class = "col-6" style = "float: right;" >
2021-03-10 03:30:55 +00:00
< label for = "phoneNumLabel" > Phone Number< / label >
2021-03-09 23:45:59 +00:00
< input type = "text" id = "phoneNum" name = "phoneNumber" placeholder = "Phone Number" >
< / div >
< div class = "col-6" >
2021-03-10 03:30:55 +00:00
< label for = "emailLabel" > Email< / label >
2021-03-09 23:45:59 +00:00
< input type = "text" id = "email" name = "email" placeholder = "Email" >
< / div >
2021-03-08 00:09:39 +00:00
< / div >
< / div >
2021-03-10 03:30:55 +00:00
< hr >
2021-03-10 23:36:30 +00:00
2021-03-10 19:25:11 +00:00
< p class = "rec" > Please provide your credit card information to guarantee your service appointment.< / p >
2021-03-10 03:30:55 +00:00
< h2 > Account Details< / h2 >
2021-03-10 23:36:30 +00:00
2021-03-10 14:52:44 +00:00
< h2 > < i class = "fas fa-money-check-alt" > < / i > Payment Information< / h2 >
< p > Please fill the spaces below with your payment information< / p >
2021-03-10 23:36:30 +00:00
2021-03-10 03:30:55 +00:00
< div class = "form-group" >
< div class = "row" >
< div class = "col-6" style = "float: right;" >
< label for = "cardHolderLabel" > Name on the card< / label >
< input type = "text" id = "cardHolder" name = "cardHolder" placeholder = "Name on the Card" >
< / div >
< div class = "col-6" >
2021-03-10 19:25:11 +00:00
< label for = "creditCardLabel" > Credit Card< / label >
2021-03-10 03:30:55 +00:00
< input type = "text" id = "creditCard" name = "creditCard" placeholder = "Credit Card" >
< / div >
< / div >
< / div >
2021-03-09 23:45:59 +00:00
< div class = "form-group" >
2021-03-10 03:30:55 +00:00
< div class = "row" >
< div class = "col-4" >
< label for = "expiryDateLabel" > Expiry Date< / label >
< input type = "text" id = "expiryDate" name = "expiryDate" placeholder = "Expiry Date" >
< / div >
< div class = "col-2" >
< label for = "cvvLabel" > CVV< / label >
< input type = "text" id = "expiryDate" name = "cvv" placeholder = "CVV" >
< / div >
< / div >
2021-03-10 19:25:11 +00:00
2021-03-09 23:45:59 +00:00
< / div >
< / form >
< / div >
< / div >
< / div >
2021-03-10 03:30:55 +00:00
<!-- <div class="card">
2021-03-09 23:45:59 +00:00
< div class = "card-header" id = "headingThree" >
< h5 class = "mb-0" >
< button class = "btn btn-link collapsed" data-toggle = "collapse" data-target = "#collapseThree" aria-expanded = "false" aria-controls = "collapseThree" >
Account Details
< / button >
< / h5 >
< / div >
< div id = "collapseThree" class = "collapse" aria-labelledby = "headingThree" data-parent = "#accordion" >
< div class = "card-body" >
< / div >
< / div >
2021-03-10 03:30:55 +00:00
< / div > -->
2021-03-09 23:45:59 +00:00
< / div >
2021-03-08 00:09:39 +00:00
< br >
< br >
< input type = "submit" value = "Submit" >
2021-03-10 19:25:11 +00:00
2021-03-08 00:09:39 +00:00
< / div >
< / section >
<!-- Footer -->
< footer class = "colored-section2" 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 >
< p style = "color:white;" > © Copyright SEG3125 - Group 3< / p >
< / div >
< / footer >
<!-- script to scroll to appointment -->
< script >
function toAppointment() {
document.getElementById('appointment').scrollIntoView();
}
2021-03-10 03:30:55 +00:00
2021-03-10 19:25:11 +00:00
var value = 0;
2021-03-10 03:30:55 +00:00
$(function() {
$( "#datepicker").datepicker({ beforeShowDay: getAvailability});
2021-03-10 19:25:11 +00:00
});
2021-03-10 03:30:55 +00:00
function getMechanic(selectObject) {
2021-03-10 19:25:11 +00:00
value = selectObject.value;
2021-03-10 03:30:55 +00:00
}
function getAvailability(date){
if (value == 1 & & (date.getDay() === 0 || date.getDay()==6)) /* restrict weekends */
return [false]
if (value == 2 & & (date.getDay() === 0 || date.getDay()==1 || date.getDay()==4 || date.getDay()==5 || date.getDay()==6)) /* restrict M,Thurs, Fri, Sat, Sun */
return [false]
if (value == 3 & & (date.getDay() === 0 || date.getDay()==4 || date.getDay()==5 || date.getDay()==6 )) /* restrict Thurs, Fri, Sat, Sun */
return [false]
if (date.getDay() === 0 || date.getDay()== 6 ) /* weekends */
return [false]
else
return [ true, "", "" ]
}
2021-03-10 23:36:30 +00:00
$(function(){
2021-03-10 23:58:54 +00:00
$('[data-toggle2="tooltip"]').tooltip();
2021-03-10 23:55:06 +00:00
$('[data-tooltip="tooltip"]').tooltip();
2021-03-10 23:36:30 +00:00
});
2021-03-10 19:25:11 +00:00
2021-03-08 00:09:39 +00:00
< / script >
2021-03-10 19:25:11 +00:00
2021-03-08 00:09:39 +00:00
< / body >
2021-03-10 19:25:11 +00:00
< / html >
