-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (111 loc) · 4.77 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="loco.css">
<link rel="shortcut icon" href="New Project 19 [1C944B3].png" type="image/png">
<link rel="stylesheet" href="responsiv.css">
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="moden.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="minicircle"></div>
<div id="loader">
<h1>0%</h1>
</div>
<div id="nav">
<h4><a class="link" href="#">Abshar</a></h4>
<h4 ><a class="link" href="#">menu+</a></h4>
</div>
<div id="main">
<div id="home-page">
<div id="heading">
<div class="bound">
<h1 class="boundelem">product</h1>
</div>
<div class="heading1">
<div class="bound">
<h1 class="boundelem">designer</h1>
</div>
<div class="bound">
<h4 class="boundelemb">be creative</h4>
</div>
</div>
</div>
<div id="smallheading">
<div class="bound">
<h5 class="boundelemb">availeble for freelance</h5>
</div>
<div class="bound">
<h5 class="boundelemb">work from may 23'</h5>
</div>
</div>
<div id="footer">
<a href="#page2" class="link">previosly worked at yml <i class="ri-arrow-right-up-line"></i> </a>
<a href="#elemlast" class="link">protopia ambassador <i class="ri-arrow-right-up-line"></i></a>
<div id="iconset">
<div class="circle"><a href="#" class="arrow"><i class="ri-arrow-down-line"></i></a>
</div>
<div class="circle"><a href="#" class="arrow"><i class="ri-arrow-down-line"></i></a></div>
</div>
</div>
</div>
<div id="page2">
<div class="elem">
<img class="imgee" src="./plug.png" alt="">
<div class="linkcircle"><a href="#">view</a></div>
<h1>the plug</h1>
<h5>2022</h5>
</div>
<div class="elem">
<img class="imgee" src="./ixperience.png" alt="">
<div class="linkcircle"><a href="#">view</a></div>
<h1>ixperience</h1>
<h5>2022</h5>
</div>
<div class="elem elemlast" id="elemlast">
<img class="imgee" src="./hudu.png" alt="">
<div class="linkcircle"><a href="#">view</a></div>
<h1>hudu</h1>
<h5>2022</h5>
</div>
</div>
<div id="about">
<img src="./New Project 19 [1C944B3].png" alt="">
<div id="textabout">
<h5>(about me)</h5>
<p>I'm a product designer with a passion for creating products that not only look good but also solve
real problems. When I'm not sketching ideas on paper, you can find me binge-watching a Netflix
series or playing video games. My design philosophy is simple: make it visually appealing,
functional, and bring a smile to people's faces. I'm the designer you want on your team if you want
to make people say 'I need that in my life!'.</p>
<a href="#">Let's talk</a>
</div>
</div>
<div id="subscribe">
<h5>(FORGOT TO MENTION)</h5>
<h3><a class="link" href="">SUBSCRIBE TO MY YOUTUBE CHANNEL<i class="ri-arrow-right-up-line"></i></a></h3>
</div>
<div id="footer1">
<div id="footerleft">
<h5 >2023 <span> ©</span></h5>
<h5>0:05 AM EST</h5>
</div>
<div id="footerright">
<a class="link" href="#">dribble</a>
<a class="link" href="#">instagram</a>
<a class="link"href="#">linkedin</a>
<a class="link" href="#">twitter</a>
</div>
</div>
</div>
</body>
<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>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script>
<script src="modern.js"></script>
<script src="loco.js"></script>
</html>