CodePlay/main/index.html at c004813aa3c9c77bca00ba548d8b02bf653d29f0 · OPCODE-Open-Spring-Fest/CodePlay · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="locomotive.css">
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="main">
      <div id="hero">
        <div id="nav">
          <div class="side">

            <a href="#">Mordern Site</a>
            <img class="logo" src="cynthia.png" alt="img">
          </div>
          <h4>Menu+</h4>
        </div>
        <div id="heading">
          <h1>Product</h1>
          <div id="blocktext">
            <h1 id="secondh1">Designer</h1>
            <h5>Based in bihar</h5>
          </div>
        </div>
        <div id="smallheading">
          <h5>Available for freelancing</h5>
          <h5>Work from may '23</h5>
        </div>
        <div id="herofooter">
          <a href="#">
            Previously worked at yml <i class="ri-arrow-right-up-line"></i
          ></a>
          <a href="#">protopie ambassador </a>
          <div id="iconset">
            <div class="circle"><i class="ri-arrow-down-line"></i></div>
            <div class="circle"><i class="ri-arrow-down-line"></i></div>
          </div>
        </div>
      </div>
      <div id="second">
        <div class="elem">
          <img src="/plug.png" alt="" />
          <h1>the plug</h1>
          <h5>2022</h5>
        </div>
        <div class="elem">
          <img src="/ixperience.png" alt="" />
          <h1>ixperience</h1>
          <h5>2022</h5>
        </div>
        <div class="elem elemlast">
          <img src="/hudu.png" alt="" />
          <h1>hudu</h1>
          <h5>2022</h5>
        </div>
      </div>
      <div id="about">
        <div id="imageabout">
          <img src="./cynthia.png" alt="" />
        </div>
        <div id="textabout">
          <h4>(About me)</h4>
          <p>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quibusdam
            saepe alias quo tempora doloribus! Omnis quidem cumque corporis,
            deserunt provident vitae numquam! Id at eum illo atque magnam harum
            sequi tenetur, aperiam repellendus itaque a dignissimos assumenda
            nulla. Nam impedit enim minus porro quae numquam? Iusto cupiditate
            minima suscipit rem.
          </p>
          <a href="#">Let's talk</a>
        </div>
      </div>
      <div id="subscribe">
        <h5>{Forget to mention}</h5>
        <h3>Subscribe to my channel <i class="ri-arrow-down-line"></i></h3>

      </div>
      <div id="footer">
        <div id="footerleft">
            <h5>2023 &copy;</h5>
            <h5>0.05 AM EST</h5>
        </div>
        <div id="footerright">
<a href="#">dribbble</a>
<a href="#">instagram</a>
<a href="#">linkedin</a>
<a href="#">twitter</a>
        </div>
      </div>
    </div>


<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@4.1.4/dist/locomotive-scroll.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>