flashdash/index.html at main · aaseenib/flashdash · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PraRoz - Web Design & Development Course</title>
    <link rel="stylesheet" href="main.css" />
  </head>
  <body>
    <header>
      <nav>
        <!-- LOGO -->
        <div class="logo">Acme Courier</div>

        <!-- LINKS -->
        <ul>
          <li><a href="#">HOME</a></li>
          <li><a href="#">ABOUT</a></li>
          <li><a href="#">SERVICE</a></li>
          <li><a href="#">CONTACT</a></li>
          <li><a href="./page.html">Exercise2</a></li>
        </ul>

        <!-- SEARCH -->
        <div class="search-container">
          <input type="text" placeholder="Type to Search" />
          <button>Search</button>
        </div>
      </nav>
    </header>
    <main>
      <section class="course-info">
        <h1>
          Delivering <span class="development">Smiles</span> at the Speed of
          <br />Laughter!
        </h1>
        <p>
          Meet Flash Dash, the courier superhero who brings a whole new meaning
          to fast delivery! When you need a package delivered with the speed of
          light and the precision of a laser, Flash Dash is your go-to hero.
          From last-minute gifts to urgent documents, Flash Dash races through
          traffic, weaves through crowds, and dodges puddles to ensure your
          package arrives just in time. At Flash Dash's Courier Service, we
          promise: Blazing-fast deliveries that make other couriers look like
          they're walking in slow motion. Real-time tracking so precise, you'll
          know the exact second your package lands on your doorstep. Customer
          service so cheerful, they'll brighten even your rainiest day. With
          Flash Dash, you're not just getting a delivery—you're getting a
          high-speed adventure with a dash of humor. Trust Flash Dash to turn
          every delivery into a thrilling experience, because when it
          absolutely, positively has to be there faster than a speeding bullet,
          Flash Dash is already on the move!
        </p>
        <button class="join-button">Request our rides</button>
      </section>
      <aside class="login-form">
        <h2>Login Here</h2>
        <form>
          <input type="email" placeholder="Enter Email Here" required />
          <input type="password" placeholder="Enter Password Here" required />
          <button type="submit">Login</button>
          <p>Don't have an account? <a href="#">Sign up here</a></p>
          <a href="#">Log in with</a>
        </form>
      </aside>
    </main>
  </body>
</html>