- 掃描 ID：
- f7024018-9b65-430c-b5fa-392fa1e8076b已完成
- 已提交的 URL：
- https://lcs-heractiveren.online/
- 報告完成時間：
連結 · 找到 2 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://templatemo.com/page/1 | TemplateMo |
| https://templatemo.com | TemplateMo |
JavaScript 變數 · 找到 9 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| uidEvent | number |
| bootstrap | object |
| sectionArray | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!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>