-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (98 loc) · 3.29 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="loco.css">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<div id="minicircle"></div>
<div id="main">
<div id="hero">
<div id="nav">
<a href="#">Cynthiaugwu</a>
<h3>MENU+</h3>
</div>
<div id="heading">
<div id="bounding">
<h1 id="boundingelem">PRODUCT</h1>
</div>
<div class="blocktext">
<div id="bounding">
<h1 id="boundingelem" id="secondh1">DESIGNER</h1>
</div>
<div id="bounding">
<h5 id="boundingelem" >base in toronto</h5>
</div>
</div>
<div id="smallheading">
<div id="bounding">
<h5 id="boundingelem" >avaialable for freelance</h5>
</div>
<div id="bounding">
<h5 id="boundingelem">work from aug 5</h5>
</div>
</div>
<div id="herofooter">
<a href="">previously worked at yml <i class="ri-arrow-right-up-line"></i>
</i></a>
<a href="">utkarsh ambassador<i class="ri-arrow-right-up-line"></i></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>
<div id="second">
<div class="elem">
<img src="./img/plug.png" alt="">
<h1>the plug</h1>
<h5>2023</h5>
</div>
<div class="elem">
<img src="./img/ixperience.png" alt="">
<h1>ixperience</h1>
<h5>2023</h5>
</div>
<div class="elem elemlast">
<img src="./img/hudu.png" alt="">
<h1>hudu</h1>
<h5>2023</h5>
</div>
</div>
<div id="about">
<div class="imgbox"></div>
<div class="textbox">
<h1>about us</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquid natus placeat hic aperiam tempora doloribus
unde praesentium quasi eligendi? Exercitationem deleniti odio doloremque nobis quo! Repellendus suscipit modi
perferendis quis! Laborum atque et ducimus consequuntur!</p>
<a href="">let's talk</a>
</div>
</div>
<div id="subscribe">
<h5>(forgot to mention)</h5>
<h3> subscribe to my youtube channel<i class="ri-arrow-up-line"></i> </h3>
</div>
<div id="footer">
<div class="footerleft">
<h5>2023</h5>
<h5>0:50 AM</h5>
</div>
<div class="footeright">
<a href="#">dribble</a>
<a href="">instagram</a>
<a href="">linkedin</a>
<a href="">facebook</a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.min.js"></script>
<script src="script.js"></script>
</body>
</html>