kinley/index.html at main · Prajithtk/kinley · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Brand Kinley | Coca-Cola-new template</title>
  <link rel="stylesheet" href="style.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
    integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="icon" type="image/png" sizes="32x32" href="image/favicon.png">
</head>

<body>
  <nav class="navbar navbar-expand-xl bg-white">
    <div class="container-fluid mt-2">
      <a class="navbar-brand" href="#"><img src="image/Coke-company-logo-black.svg" alt=""></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" id="nav-menu" aria-current="page" href="#">Brands</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="nav-menu" href="#" role="button" data-bs-toggle="dropdown"
              aria-expanded="false">
              Discover
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="#">Coke Studio Bharat </a></li>
              <li><a class="dropdown-item" href="#">Coke Studio Global</a></li>
              <li><a class="dropdown-item" href="#">Something else here</a></li>
              <li><a class="dropdown-item" href="#">Sprite Joke In A Bottle</a></li>
            </ul>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="nav-menu" href="#" role="button" data-bs-toggle="dropdown"
              aria-expanded="false">
              Impact
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="#">Sustainability</a></li>
            </ul>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="nav-menu" href="#" role="button" data-bs-toggle="dropdown"
              aria-expanded="false">
              Shop
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="#">Shop V</a></li>
              <li><a class="dropdown-item" href="#">Big Basket</a></li>
              <li><a class="dropdown-item" href="#">Blinkit</a></li>
              <li><a class="dropdown-item" href="#">Flipkart</a></li>
              <li><a class="dropdown-item" href="#">Jio Mart</a></li>
              <li><a class="dropdown-item" href="#">Amazon</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="container-fluid bg-white text-center" style="height: 110px;">
    <img src="image/Kinley logo.svg" class="logo" alt="">
  </div>
  <div class="container-fluid px-4 py-4 " id="#main-div">
    <img id="bottle-i" src="image/width1960.webp" class="rounded-3 w-100 " alt="">
  </div>
  <div class="container-fluid my-4">
    <h2 class="text-center h1 fw-bold ">Products</h2>
  </div>
  <div class="container">
    <div class="row gx-5 my-5">
      <div class="col-lg-6">
        <img src="image/second-img.webp" class="w-100 rounded-3" alt="">
      </div>
      <div class="col-lg-6 my-auto p-5">
        <h2>Trust in Every Drop</h2>
        <p id="first-p">Kinley packaged drinking water was introduced in India in the year 2000. The brand promises the
          assurance of clean and safe drinking water. Every drop of Kinley goes through a rigorous 10 step verification
          process.</p>
        <button type="button" id="first-btn" class="rounded-5 btn btn-outline-dark border-2 mt-3">Explore
          products</button>
      </div>
    </div>
  </div>
  <div class="container">
    <video width="100%" class="rounded-4" controls="controls autoplay" muted>
      <source src="image/Kinley - Boond Boond Mein Vishwaas..mp4" type="video/mp4" />
    </video>
  </div>
  <div class="container">
    <video width="100%" class="rounded-4 mt-5" controls="controls autoplay" muted>
      <source src="image/Watch the Journey of a Kinley Drop.mp4" type="video/mp4" />
    </video>
  </div>
  <div class="container">
    <div class="row gx-5 my-5">
      <div class="col-lg-6">
        <img src="image/third img.webp" class="w-100 rounded-3" alt="">
      </div>
      <div class="col-lg-6 my-auto p-5">
        <h2>Download our WaterToHome app</h2>
        <p id="first-p">Buy Kinley 20L Jar from the comfort of your home in select localities of Delhi NCR to get Free
          Delivery and Rs 10 off* on your first order.</p>
        <button type="button" id="first-btn" class="rounded-5 btn btn-outline-dark border-2 mt-3">Download</button>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row bg-black rounded-4  container-fluid m-0 px-5 py-5">
      <div class="col-lg-6 no p-0">
        <h1 class="text-white">Follow Kinley</h1>
      </div>
      <div class="col-lg-6 no p-0">
        <div class="float-lg-end">
          <i class="i1 fa-brands fa-x-twitter text-white"></i>
          <i class="i1 fa-brands fa-youtube text-white"></i>
          <i class="i1 fa-brands fa-facebook text-white"></i>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <p class="container-p my-4">KINLEY WATER: PACKAGED DRINKING WATER. KINLEY FOLLOWS 10-STEP PURIFICATION WITH VARIOUS
      STAGES OF FILTRATION, DISINFECTION AND MINERALIZATION. KINLEY IS A REGISTERED TRADEMARK OF THE COCA-COLA
      COMPANY. *MRP INCLUSIVE OF ALL TAXES. VEGETARIAN PRODUCT.
    </p>
    <p class="container-p my-4">KINLEY SODA: CARBONATED WATER. KINLEY IS A REGISTERED TRADEMARK OF THE COCA-COLA
      COMPANY. VEGETARIAN PRODUCT.</p>
  </div>
  <div class="container-fluid bg-black">
    <div class="container">
      <div class="row py-5 d-flex justify-content-end">
        <div class="col-sm-6">
          <img src="image/logo.svg" alt="img">
        </div>
        <div class="col-sm-6">
          <div class="float-end button-div">
            <button type="button" id="second-btn" class="rounded-5 btn btn-outline-light border-2 px-4">
              <i class="fa-solid fa-location-dot"></i> India | English</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container-fluid bg-black">
    <div class="container">
      <div class="row text-white list-unstyled  ">
        <div class="col-md-2">
          <h6 class="my-3 h6">ABOUT US</h6>
          <li class="footer-li">Our Company</li>
          <li class="footer-li">Media Center</li>
          <li class="footer-li">History</li>
          <li class="footer-li">Careers</li>
          <li class="footer-li">Leadership</li>
        </div>
        <div class="col-md-2">
          <h6 class="my-3 h6">NEED HELP?</h6>
          <li class="footer-li">FAQ</li>
          <li class="footer-li">Sitemap</li>
          <li class="footer-li">Contact Us</li>
        </div>
        <div class="col-md-3 my-5">
          <li class="footer-li">Terms of Use</li>
          <li class="footer-li">Privacy Policy</li>
          <li class="footer-li">Financial & Policy Documents</li>
        </div>
        <div class="col-md-5  footer-div">
          <div class="float-end mb-3 footer-div">
          <i class="i1 fa-brands fa-x-twitter text-white"></i>
          <i class="i1 fa-brands fa-instagram text-white"></i>
          <i class="i1 fa-brands fa-youtube text-white"></i>
          <i class="i1 fa-brands fa-facebook text-white"></i>
        </div>
      </div>
      </div>
    </div>
  </div>

  <script src="script.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
    crossorigin="anonymous"></script>
</body>

</html>