-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (201 loc) · 15.4 KB
/
index.html
File metadata and controls
211 lines (201 loc) · 15.4 KB
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" type="image/x-icon" href="./imgs/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<title>Dari Developer - expert in frontend and web scraping</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="svg-love" class="svg_elem" viewBox="0 0 24 24">
<path d="M18 1l-6 4-6-4-6 5v7l12 10 12-10v-7z"/>
</symbol>
<symbol id="svg-facebook" class="svg_elem" viewBox="0 0 24 24">
<path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/>
</symbol>
<symbol id="svg-instagram" class="svg_elem" viewBox="0 0 24 24">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</symbol>
<symbol id="svg-twitter" class="svg_elem" viewBox="0 0 24 24">
<path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/>
</symbol>
<symbol id="svg-youtube" class="svg_elem" viewBox="0 0 24 24">
<path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/>
</symbol>
<symbol id="svg-coffee" class="svg_elem" viewBox="0 0 24 24">
<path d="M14.911 10c-.308 3.325-1.397 5.712-2.948 8h-4.926c-1.373-2.009-2.613-4.372-2.948-8h10.822zm2.089-2h-15c0 5.716 1.826 8.996 4 12h7c2.12-2.911 4-6.333 4-12zm1.119 2c-.057.701-.141 1.367-.252 2h1.549c-.449 1.29-1.5 2.478-2.299 2.914-.358 1.038-.787 1.981-1.26 2.852 3.275-1.143 5.847-4.509 6.143-7.766h-3.881zm-1.119 12h-15v2h15v-2zm-3.06-19.614c-.416 1.702-3.07 2.477-3.983 4.614-.088-1.846 1.107-3.031 1.75-3.93 1.045-1.465-.537-2.267-1.633-1.171-.188.187-.38.435-.573.756-.193-.322-.386-.57-.573-.757-1.089-1.09-2.664-.294-1.658 1.137.635.903 1.863 2.095 1.775 3.965-.914-2.137-3.567-2.912-3.984-4.614-.355-1.445.928-2.386 2.29-2.386.793 0 1.613.32 2.15 1.045.537-.725 1.357-1.045 2.15-1.045 1.362 0 2.644.941 2.289 2.386z"/>
</symbol>
<symbol id="svg-telegram" class="svg_elem" viewBox="0 0 24 24" style="fill-rule:evenodd;clip-rule:evenodd; stroke-linejoin:round;stroke-miterlimit:1.41421;">
<path d="M18.384,22.779c0.322,0.228 0.737,0.285 1.107,0.145c0.37,-0.141 0.642,-0.457 0.724,-0.84c0.869,-4.084 2.977,-14.421 3.768,-18.136c0.06,-0.28 -0.04,-0.571 -0.26,-0.758c-0.22,-0.187 -0.525,-0.241 -0.797,-0.14c-4.193,1.552 -17.106,6.397 -22.384,8.35c-0.335,0.124 -0.553,0.446 -0.542,0.799c0.012,0.354 0.25,0.661 0.593,0.764c2.367,0.708 5.474,1.693 5.474,1.693c0,0 1.452,4.385 2.209,6.615c0.095,0.28 0.314,0.5 0.603,0.576c0.288,0.075 0.596,-0.004 0.811,-0.207c1.216,-1.148 3.096,-2.923 3.096,-2.923c0,0 3.572,2.619 5.598,4.062Zm-11.01,-8.677l1.679,5.538l0.373,-3.507c0,0 6.487,-5.851 10.185,-9.186c0.108,-0.098 0.123,-0.262 0.033,-0.377c-0.089,-0.115 -0.253,-0.142 -0.376,-0.064c-4.286,2.737 -11.894,7.596 -11.894,7.596Z"/>
</symbol>
<symbol id="svg-tiktok" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2859 3333" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
<path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/>
</symbol>
<symbol id="svg-whatsapp" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/>
</symbol>
<symbol id="svg-github" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</symbol>
<symbol id="svg-fiverr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path d="M13 13V5H5v-.5C5 3.673 5.673 3 6.5 3H8V0H6.5A4.505 4.505 0 0 0 2 4.5V5H0v3h2v5H0v3h7v-3H5V8h5.028v5H8v3h7v-3h-2z"/><circle cx="11.5" cy="1.5" r="1.5"/>
</symbol>
</svg>
<div class="loading fixed-bg"></div>
<div class="fixed-bg"></div>
<header class="">
<div class="logo wrapper-img flex-center ">
<img src="imgs/logo.png" alt="dari developer logo" class="">
</div>
<nav class="menu ">
<ul class="">
<li class="inactive">Projects</li>
<li class="inactive">Contact</li>
</ul>
</nav>
</header>
<main>
<section class="flex-center main-section hero">
<section class="iam">
<p class="up uppercase noselect ">
i am
</p>
<h1 class="name title noselect ">
Dari Developer
</h1>
<p class="down uppercase noselect ">
frontend and web scraping <br> developer
</p>
</section>
<section class="socials flex-center ">
<!-- <div class="column flex-center ">
<a class="icon facebook" target="_blank" href="https://m.me/darideveloper">
<svg>
<use xlink:href="#svg-facebook"/>
</svg>
</a>
<a class="icon twitter" target="_blank" href="https://twitter.com/DeveloperDari">
<svg>
<use xlink:href="#svg-twitter"/>
</svg>
</a>
<a class="icon instagram" target="_blank" href="https://www.instagram.com/darideveloper/">
<svg>
<use xlink:href="#svg-instagram"/>
</svg>
</a>
<a class="icon tiktok" target="_blank" href="https://www.tiktok.com/@darideveloper656">
<svg>
<use xlink:href="#svg-tiktok"/>
</svg>
</a>
</div> -->
<div class="column flex-center ">
<a class="icon telegram" target="_blank" href="https://t.me/DariDeveloper">
<svg>
<use xlink:href="#svg-telegram"/>
</svg>
</a>
<a class="icon whatsapp" target="_blank" href="https://wa.me/message/ONOSKO2YODD4E1">
<svg>
<use xlink:href="#svg-whatsapp"/>
</svg>
</a>
<a class="icon github" target="_blank" href="https://github.com/DariHernandez">
<svg>
<use xlink:href="#svg-github"/>
</svg>
</a>
<a class="icon fiverr" target="_blank" href="https://www.fiverr.com/darideveloper">
<svg>
<use xlink:href="#svg-fiverr"/>
</svg>
</a>
</div>
</section>
<section class="scroll inactive">
<p class="noselect up transparent ">—</p>
<p class="noselect ">SCROLL</p>
<p class="noselect down ">—</p>
</section>
</section>
<section class="projects main-section flex-center hide" id="projects">
<section class="wrapper-images">
<div class="images flex-center">
<div class="wrapper-img flex-center blur left">
<img src="imgs/project-sample.png" alt="project banner">
</div>
<div class="wrapper-img flex-center active">
<img src="imgs/project-sample.png" alt="project banner">
</div>
<div class="wrapper-img flex-center blur right">
<img src="imgs/project-sample.png" alt="project banner">
</div>
</div>
</section>
<section class="wrapper-info flex-center">
<div class="info">
<div class="wrapper-title flex-center">
<h2 class="title noselect">Keep Cafe</h2>
</div>
<p class="details">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet nisl lectus. Nulla facilisi. Integer tristique, tellus ac ultricies iaculis, dolor lorem dignissim justo, in posuere nulla
</p>
<div class="wrapper-cta flex-center">
<a href="" target="_blank" class="cta btn">view project</a>
</div>
</div>
</section>
</section>
<section class="contact main-section flex-center hide" id="contact">
<section class="info">
<h2 class="noselect">About me</h2>
<p class="about">I will help you with the development of <b>your website</b>. If you are a <b>designer</b>, I'll convert your <b>UI / UX design</b> to <b>HTML + CSS + JavaScript</b> code. I can also help you with my vast experience in <b>web scraping</b> and <b>web automation</b>.
<h3 class="noselect">Phone</h3>
<div class="phone">
<a class="" href="tel:+527295162472">+52 729 516 2472</a>
</div>
<h3 class="noselect">E-mail</h3>
<div class="email">
<a class="" href="mailto:darideveloper@gmail.com">darideveloper@gmail.com</a>
</div>
</section>
<section class="form">
<form action="https://darideveloper.pythonanywhere.com/contactforms-api/" method="post">
<h2 class="noselect">Hire Me</h2>
<div class="inputs">
<input type="text" name="name" id="name" placeholder="Your name" required>
<input type="tel" name="phone" id="phone" placeholder="Your phone">
<input type="email" name="email" id="email" placeholder="Your e-mail" required>
<input type="text" name="body" id="body" placeholder="Message" required>
<div class="hide">
<input type="text" name="user" id="user" value="daridev">
<input type="text" name="api_key" id="api_key" value="77c341d0397b984f69ef82b49143a5cd">
<input type="text" name="redirect" id="redirect" value="https://www.darideveloper.com/thanks">
</div>
</div>
<input type="submit" value="SEND MESSAGE" class="btn">
</form>
</section>
</section>
</main>
<script type="text/javascript" src="code/anime.min.js"></script>
<script type="text/javascript" src="code/animations.js"></script>
<script type="text/javascript" src="code/wait_texts.js"></script>
<script type="text/javascript" src="code/globals.js"></script>
<script type="text/javascript" src="code/scroll.js"></script>
<script type="text/javascript" src="code/scroll-mobile.js"></script>
<script type="text/javascript" src="code/data.js"></script>
<script type="text/javascript" src="code/projects.js"></script>
<script type="text/javascript" src="code/projects_swipe.js"></script>
<script type="text/javascript" src="code/header.js"></script>
<script type="text/javascript" src="code/reload.js"></script>
<script type="text/javascript" src="code/contact_form.js"></script>
</body>
</html>