CodePlay/main/index.html at eff2cd396e1304ea8b20470af3a39c04c188382e · 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
<!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">
          <a href="#">Mordern Site</a>
          <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="./logo.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>