SalonWeb/front.html at main · nandanihada/SalonWeb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html>
    <head>
        <link rel="stylesheet" href="front.css">
        <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=Permanent+Marker&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
    </head>
    <body>
        <header >
            <nav class="header-nav">
            <img  class="logo" src="logo.jpg">
            <ul class="menu">
                <li  class="shine"><a href="front.html" class="shine"> Home  </a>  </li>
                <li  class="shine"><a href="about.html" class="shine"> About </a>  </li>
                <div class="dropdown">
                  <button class="dropbtn">Services</button>
                  <div class="dropdown-content">
                    <a href="#">Makeup</a>
                    <a href="#">Hair</a>
                    <a href="#">Skin</a>
                  </div>
                </div>
                <li  class="shine"> <a href="gallery.html" class="shine"> Gallery </a>  </li>

                <li  class="shine"> <a href="contact.html" class="shine"> Contact </a>  </li>
             </ul>
            </nav>
        </header>
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="dora" src="bride1_files/Brown Beige Pastel Elegant Aesthetic Minimal Winter Photo Collage Desktop Wallpaper.png
            " alt="First slide">
          </div>
          <div class="carousel-item">
            <img class="dora" src="heroine2.jpg" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img class="dora" src="heroine3.jpg" alt="Third slide">
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
      <div class="brand">
        <h1> PARTICIPATING BRANDS</h1>
    </div>
    <div class="logo">
      <img src="bride1_files/wella-logo-high.svg">
      <img src="bride1_files/o3r.jpg">
      <img src="bride1_files/N+.png">
      <img src="bride1_files/cv.jpg">
      <img src="bride1_files/ilu.jpg">

    </div>
    <h1 class="vd"> Why Lado is so Exciting?</h1>

    <div class="vdo">
      <video src=" bride1_files/B44628222CFA635C0F909CF4C1C0BDA6_video_dashinit.mp4" controls></video>
      <video src=" bride1_files/Mere guru ka ashirvad..mp4" controls></video>

    </div>
    <div class="vdo2">
      <video src=" bride1_files/1741322A445F890309B0941B1B4B1E8F_video_dashinit.mp4" controls></video>
      <video src=" bride1_files/C54462FF381DF36F0C18066AA9AB7DAB_video_dashinit.mp4" controls></video>

    </div>
    <h1 class="tt"> Testimonials</h1>
    <div class="vdo3">
      <video src=" bride1_files/C6421AC8F500DF8B0F406EBEF702AEB7_video_dashinit.mp4" controls></video>
      <video src="bride1_files/C64802A7BC82FA16F798AE3EEBAA5088_video_dashinit.mp4 " controls></video>
      <video src="bride1_files/6848E1A3BD55797187F7C822BC279EBE_video_dashinit.mp4 " controls></video>
      <video src="bride1_files/43411F4886584878364523BCBC63FF95_video_dashinit.mp4 " controls></video>

    </div>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    </body>

</html>