HTML-CSS--Basic-Project/grid1.html at main · abhishekmhasal/HTML-CSS--Basic-Project · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Grid </title>
  <link rel="stylesheet" href="grid1.css">
  <link
    href="https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css"
    rel="stylesheet"
/>
</head>
<body>
  <main>
    <header>
      <h3>Dribbble</h3>
      <form>
        <input type="text" placeholder="what are loooking for?">
        <i class="ri-search-line"></i>
      </form>
      <div id="nav">
      <a href="Explore">Explore</a>
      <a href="Find talent"> find talent</a>
      <a href="get hired">get hired</a>
      <a href="blog">blog</a>
      <a href="sign up">sign up</a>
      <button>login</button>
  </div>
    </header>
    <section>
      <h2>AI Project Showcase Landing Page</h2>

      <div class="profile"><img src="https://cdn.dribbble.com/users/2167694/avatars/normal/data?1520241700" alt="">
       <h5>Asya Yemelianova for Sommo
Available for work
Follow</h5>
<button>Get in touch</button></div>

      <img src="https://cdn.dribbble.com/userupload/7601884/file/original-d39fd82b03ef40abd0f24ba4b05f3e1b.png?resize=1600x1200&vertical=center" alt="">

    <p>This landing page design highlights an exciting AI project that is revolutionizing storytelling for global brands, enterprises, and creatives. The layout features a sleek and modern design that reflects the cutting-edge nature of the project. The landing page includes sections that showcase the capabilities and benefits of the AI technology, demonstrating how it empowers users to create compelling and immersive narratives. With visually stunning examples and engaging content, this landing page captures the imagination of visitors and illustrates the potential impact of AI research. The design is user-friendly, with clear navigation and calls-to-action that encourage visitors to explore further and learn more about the project. Whether you're a brand, enterprise, or creative professional, this landing page will inspire you to embrace the possibilities of AI in storytelling.
    </section>
    <footer>footer</footer>
  </main>

</body>
</html>