AdvancedAxels/index.html at main · Pranav140/AdvancedAxels · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Viga&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap" rel="stylesheet">
    <title>Advanced Axels</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  </head>
  <body>

    <header>

      <div class="left-side">
        <a href="#"> <img src="logo.png" alt=""> </a>
      </div>
      <div class="right-side">
        <div class="nav-link-wrapper"> <a href="index.html">Home</a> </div>
        <div class="nav-link-wrapper"> <a href="product.html">Products</a> </div>
        <div class="nav-link-wrapper"> <a href="testimonials.html">Testimonials</a> </div>
        <div class="nav-link-wrapper"> <a href="trycontact.html">Contact</a> </div>
        <div class="darkmode">
          <button id="btn" class="clickme">Dark Mode</button>

          <i class="fa-regular fa-moon"></i>
        </div>

    </header>

    <div class="container">

      <div class="left-side">
        <h1>It's not just Cycle<br>
          It's <span class = "green"> THRILLER </span>
        </h1>
        <p> "Pedal into savings! Unbeatable deals await at our cycle store.
          Gear up for adventure with our exclusive cycle store offers.
          Unlock your cycling potential with our premium bikes and accessories.
Ride into savings with our limited-time promotions at the cycle store.
From beginners to seasoned cyclists, find your perfect match at our cycle store."

        </p>
        <a href="wheel.html">CONFIGURE THE BIKE</a>
      </div>
      <div class="right-side">
        <img src="cycle1 (2).png" alt="" class = "cycles">
        <div class="box">
          <a href="https://www.facebook.com/"> <img class = "facebook" src="facebook.png" alt=""></a>
          <a href="https://www.instagram.com/?hl=en"> <img src="instagram.png" alt=""></a>
          <a href="https://twitter.com/?lang=en-in"> <img src="twitter.png" alt=""></a>
        </div>
      </div>
    </div>
    <div class="thumb">
      <a href = "#bottom"><img id = "bottom" src="cycle1 (1).png" onclick="imgSlider('cycle1.png');"> </a>
      <a href="#bottom"><img src="cycle6 (1).png" onclick="imgSlider('cycle6.png');"> </a>
      <a href="#bottom"><img src="cycle7 (1).png" onclick="imgSlider('cycle7.png');"> </a>
    </div>
    <script src = "script.js">
    </script>
  </body>
</html>