- ID de l'analyse :
- f7024018-9b65-430c-b5fa-392fa1e8076bTerminée
- URL soumise :
- https://lcs-heractiveren.online/
- Fin du rapport :
Liens : 2 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://templatemo.com/page/1 | TemplateMo |
| https://templatemo.com | TemplateMo |
Variables JavaScript : 9 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| uidEvent | number |
| bootstrap | object |
| sectionArray | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Gentlemen's Barber Shop - HTML CSS Template</title>
<!-- CSS FILES -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@300;500&display=swap" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-icons.css" rel="stylesheet">
<link href="css/templatemo-barber-shop.css" rel="stylesheet">
<!--
TemplateMo 585 Barber Shop
https://templatemo.com/tm-585-barber-shop
-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<button class="navbar-toggler d-md-none collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<nav id="sidebarMenu" class="col-md-4 col-lg-3 d-md-block sidebar collapse p-0">
<div class="position-sticky sidebar-sticky d-flex flex-column justify-content-center align-items-center">
<a class="navbar-brand" href="index.html">
<img src="images/templatemo-barber-logo.png" class="logo-image img-fluid" align="">
</a>
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link click-scroll active" href="#section_1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll inactive" href="#section_2">Our Story</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll inactive" href="#section_3">Services</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll inactive" href="#section_4">Price List</a>
</li>
<li class="nav-item">
<a class="nav-link click-scroll inactive" href="#section_5">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="col-md-8 ms-sm-auto col-lg-9 p-0">
<section class="hero-section d-flex justify-content-center align-items-center" id="section_1">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12">
<h1 class="text-white mb-lg-3 mb-4"><strong>Barber <em>Shop</em></strong></h1>
<p class="text-black">Get the most professional haircut for you</p>
<br>
<a class="btn custom-btn custom-border-btn custom-btn-bg-white smoothscroll me-2 mb-2" href="#section_2">About Us</a>
<a class="btn custom-btn smoothscroll mb-2" href="#section_3">What we do</a>
</div>
</div>
</div>
<div class="custom-block d-lg-flex flex-column justify-content-center align-items-center">
<img src="images/vintage-chair-barbershop.jpg" class="custom-block-image img-fluid" alt="">
<h4><strong class="text-white">Hurry Up! Get good haircut.</strong></h4>
<a href="#booking-section" class="smoothscroll btn custom-btn custom-btn-italic mt-3">Book a seat</a>
</div>
</section>
<section class="about-section section-padding" id="section_2">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12 mx-auto">
<h2 class="mb-4">Best hairdressers</h2>
<div class="border-bottom pb-3 mb-5">
<p>Gentlemen's Barber Shop is new Bootstrap v5 HTML CSS template by <a href="https://templatemo.com/page/1" target="_blank">TemplateMo</a> for everyone. There is a sidebar menu to navigate the one-page layout. You can feel free to adapt this template for your business.</p>
</div>
</div>
<h6 class="mb-5">Meet Babers</h6>
<div class="col-lg-5 col-12 custom-block-bg-overlay-wrap me-lg-5 mb-5 mb-lg-0">
<img src="images/barber/portrait-male-hairdresser-with-scissors.jpg" class="custom-block-bg-overlay-image img-fluid" alt="">
<div class="team-info d-flex align-items-center flex-wrap">
<p class="mb-0">Redo</p>
<ul class="social-icon ms-auto">
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-facebook">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-instagram">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-whatsapp">
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 col-12 custom-block-bg-overlay-wrap mt-4 mt-lg-0 mb-5 mb-lg-0">
<img src="images/barber/portrait-mid-adult-bearded-male-barber-with-folded-arms.jpg" class="custom-block-bg-overlay-image img-fluid" alt="">
<div class="team-info d-flex align-items-center flex-wrap">
<p class="mb-0">Sam</p>
<ul class="social-icon ms-auto">
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-facebook">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-instagram">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="featured-section section-padding">
<div class="section-overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-10 col-12 mx-auto">
<h2 class="mb-3">Get 32% Discount</h2>
<p>on every second week of the month</p>
<strong>Promo Code: BarBerMo</strong>
</div>
</div>
</div>
</section>
<section class="services-section section-padding" id="section_3">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12">
<h2 class="mb-5">Services</h2>
</div>
<div class="col-lg-6 col-12 mb-4">
<div class="services-thumb">
<img src="images/services/woman-cutting-hair-man-salon.jpg" class="services-image img-fluid" alt="">
<div class="services-info d-flex align-items-end">
<h4 class="mb-0">Hair cut</h4>
<strong class="services-thumb-price">$36.00</strong>
</div>
</div>
</div>
<div class="col-lg-6 col-12 mb-4">
<div class="services-thumb">
<img src="images/services/hairdresser-grooming-their-client.jpg" class="services-image img-fluid" alt="">
<div class="services-info d-flex align-items-end">
<h4 class="mb-0">Washing</h4>
<strong class="services-thumb-price">$25.00</strong>
</div>
</div>
</div>
<div class="col-lg-6 col-12 mb-4 mb-lg-0">
<div class="services-thumb">
<img src="images/services/hairdresser-grooming-client.jpg" class="services-image img-fluid" alt="">
<div class="services-info d-flex align-items-end">
<h4 class="mb-0">Shaves</h4>
<strong class="services-thumb-price">$30.00</strong>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="services-thumb">
<img src="images/services/boy-getting-haircut-salon-front-view.jpg" class="services-image img-fluid" alt="">
<div class="services-info d-flex align-items-end">
<h4 class="mb-0">Kids</h4>
<strong class="services-thumb-price">$25.00</strong>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="booking-section section-padding" id="booking-section">
<div class="container">
<div class="row">
<div class="col-lg-10 col-12 mx-auto">
<form action="#" method="post" class="custom-form booking-form" id="bb-booking-form" role="form">
<div class="text-center mb-5">
<h2 class="mb-1">Book a seat</h2>
<p>Please fill out the form and we get back to you</p>
</div>
<div class="booking-form-body">
<div class="row">
<div class="col-lg-6 col-12">
<input type="text" name="bb-name" id="bb-name" class="form-control" placeholder="Full name" required="">
</div>
<div class="col-lg-6 col-12">
<input type="tel" class="form-control" name="bb-phone" placeholder="Mobile 010-020-0340" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required="">
</div>
<div class="col-lg-6 col-12">
<input class="form-control" type="time" name="bb-time" value="18:30">
</div>
<div class="col-lg-6 col-12">
<select class="form-select form-control" name="bb-branch" id="bb-branch" aria-label="Default select example">
<option selected="">Select Branches</option>
<option value="Grünberger">Grünberger</option>
<option value="Behrenstraße">Behrenstraße</option>
<option value="Weinbergsweg">Weinbergsweg</option>
</select>
</div>
<div class="col-lg-6 col-12">
<input type="date" name="bb-date" id="bb-date" class="form-control" placeholder="Date" required="">
</div>
<div class="col-lg-6 col-12">
<input type="number" name="bb-number" id="bb-number" class="form-control" placeholder="Number of People" required="">
</div>
</div>
<textarea name="bb-message" rows="3" class="form-control" id="bb-message" placeholder="Comment (Optionals)"></textarea>
<div class="col-lg-4 col-md-10 col-8 mx-auto">
<button type="submit" class="form-control">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div></section>
<section class="price-list-section section-padding" id="section_4">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12">
<div class="price-list-thumb-wrap">
<div class="mb-4">
<h2 class="mb-2">Price List</h2>
<strong>Starting at $25</strong>
</div>
<div class="price-list-thumb">
<h6 class="d-flex">
Haircut
<span class="price-list-thumb-divider"></span>
<strong>$32.00</strong>
</h6>
</div>
<div class="price-list-thumb">
<h6 class="d-flex">
Beard Trim
<span class="price-list-thumb-divider"></span>
<strong>$26.00</strong>
</h6>
</div>
<div class="price-list-thumb">
<h6 class="d-flex">
Razor Cut
<span class="price-list-thumb-divider"></span>
<strong>$36.00</strong>
</h6>
</div>
<div class="price-list-thumb">
<h6 class="d-flex">
Shaves
<span class="price-list-thumb-divider"></span>
<strong>$30.00</strong>
</h6>
</div>
<div class="price-list-thumb">
<h6 class="d-flex">
Styling / Color
<span class="price-list-thumb-divider"></span>
<strong>$25.00</strong>
</h6>
</div>
</div>
</div>
<div class="col-lg-4 col-12 custom-block-bg-overlay-wrap mt-5 mb-5 mb-lg-0 mt-lg-0 pt-3 pt-lg-0">
<img src="images/vintage-chair-barbershop.jpg" class="custom-block-bg-overlay-image img-fluid" alt="">
</div>
</div>
</div>
</section>
<section class="contact-section" id="section_5">
<div class="section-padding section-bg">
<div class="container">
<div class="row">
<div class="col-lg-8 col-12 mx-auto">
<h2 class="text-center">Say hello</h2>
</div>
</div>
</div>
</div>
<div class="section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<h5 class="mb-3"><strong>Contact</strong> Information</h5>
<p class="text-white d-flex mb-1">
<a href="tel: 120-240-3600" class="site-footer-link">
(+49)
120-240-3600
</a>
</p>
<p class="text-white d-flex">
<a href="mailto:[email protected]" class="site-footer-link">
[email protected]
</a>
</p>
<ul class="social-icon">
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-facebook">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-twitter">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-instagram">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-youtube">
</a>
</li>
<li class="social-icon-item">
<a href="#" class="social-icon-link bi-whatsapp">
</a>
</li>
</ul>
</div>
<div class="col-lg-5 col-12 contact-block-wrap mt-5 mt-lg-0 pt-4 pt-lg-0 mx-auto">
<div class="contact-block">
<h6 class="mb-0">
<i class="custom-icon bi-shop me-3"></i>
<strong>Open Daily</strong>
<span class="ms-auto">10:00 AM - 8:00 PM</span>
</h6>
</div>
</div>
<div class="col-lg-12 col-12 mx-auto mt-5 pt-5">
<iframe class="google-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7702.122299518348!2d13.396786616231472!3d52.531268574169616!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a85180d9075183%3A0xbba8c62c3dc41a7d!2sBarbabella%20Barbershop!5e1!3m2!1sen!2sth!4v1673886261201!5m2!1sen!2sth" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12">
<h4 class="site-footer-title mb-4">Our Branches</h4>
</div>
<div class="col-lg-4 col-md-6 col-11">
<div class="site-footer-thumb">
<strong class="mb-1">Grünberger</strong>
<p>Grünberger Str. 31, 10245 Berlin, Germany</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-11">
<div class="site-footer-thumb">
<strong class="mb-1">Behrenstraße</strong>
<p>Behrenstraße 27, 10117 Berlin, Germany</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-11">
<strong class="mb-1">Weinbergsweg</strong>
<p>Weinbergsweg 23, 10119 Berlin, Germany</p>
</div>
</div>
</div>
<div class="site-footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8 col-12 mt-4">
<p class="copyright-text mb-0">Copyright © 2036 Barber Shop
- Design: <a href="https://templatemo.com" rel="nofollow" target="_blank">TemplateMo</a></p>
</div>
<div class="col-lg-2 col-md-3 col-3 mt-lg-4 ms-auto">
<a href="#section_1" class="back-top-icon smoothscroll" title="Back Top">
<i class="bi-arrow-up-circle"></i>
</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- JAVASCRIPT FILES -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/click-scroll.js"></script>
<script src="js/custom.js"></script>
</div></div></body></html>