-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
258 lines (243 loc) · 13.1 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
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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Website</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Anon<span>Tutorials</span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#services" class="menu-btn">Services</a></li>
<li><a href="#skills" class="menu-btn">Skills</a></li>
<li><a href="#teams" class="menu-btn">Teams</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<section class="home" id="home">
<div class="max-width" ;>
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Akash</div>
<div class="text-3">And I'm a <span class="typing"></span></div>
<a href="https://t.me/anon7438">Hire me</a>
</div>
</section>
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<div class="column left">
<img src="images/profile-1.jpeg" alt="">
</div>
<div class="column right">
<div class="text">I'm Akash and I'm a <span class="typing-2"></span></div>
<p>Hi there! My name is Akash , and I'm a technology enthusiast with a passion for exploring the depths of technology. With a solid background in cracking, carding, hacking, web development, and machine learning, I have gained extensive knowledge and experience in various aspects of technology.
Over the past year, I have been working as a professional data scientist and web developer, where I have leveraged my skills and expertise to deliver high-quality solutions that meet clients' needs. My experience in these areas has allowed me to develop a keen eye for detail and a problem-solving mindset that enables me to tackle even the most complex technological challenges.
If you're looking for a dedicated and skilled technology professional to help you take your projects to the next level, I'm here to help. Feel free to browse my portfolio and get in touch with me to learn more about my work and how I can assist you with your technology needs..</p>
<a href="https://drive.google.com/file/d/1yon1QPhrLwKTdskcwN1aD2nqPt8Kavfr/view?usp=sharing">Download CV</a>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<div class="max-width">
<h2 class="title">My services</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<i class="fas fa-paint-brush"></i>
<div class="text">Web Design</div>
<p>Our agency offers comprehensive digital marketing and web design services that tackle your challenges with a creative and realistic approach to deliver results. We are passionate about our work and are confident that you will be too.
</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-chart-line"></i>
<div class="text">Tutorials</div>
<p>We provide comprehensive tutorial services to help you succeed in your academic pursuits. Our approach is rooted in a deep passion for teaching and a commitment to delivering results. Let us help you achieve your academic goals with our expert tutorial services.
</p>
</div>
</div>
<div class="card">
<div class="box">
<i class="fas fa-code"></i>
<div class="text">Website Scanning</div>
<p>Our website scanning service delivers a comprehensive analysis of your website's security and performance. We use a realistic and thorough approach to identify vulnerabilities.Let us help you keep your website secure and performing at its best.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">My skills</h2>
<div class="skills-content">
<div class="column left">
<div class="text">My creative skills & experiences.</div>
<p>As a data scientist and web developer, I have developed a wide range of creative skills that have allowed me to approach technological challenges with a unique perspective. I have used my creativity to develop innovative data analysis and machine learning approaches, create engaging and user-friendly web applications, and identify and protect against cyber threats. My experience in these areas has allowed me to become a versatile and effective technology professional who is constantly looking for new and creative ways to solve complex problems and deliver value to clients.</p>
<a href="#">Read more</a>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>HTML</span>
<span>80%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>CSS</span>
<span>80%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>JavaScript</span>
<span>70%</span>
</div>
<div class="line js"></div>
</div>
<div class="bars">
<div class="info">
<span>Python</span>
<span>70%</span>
</div>
<div class="line python"></div>
</div>
<div class="bars">
<div class="info">
<span>Django</span>
<span>50%</span>
</div>
<div class="line django"></div>
</div>
<div class="bars">
<div class="info">
<span>React Js</span>
<span>50%</span>
</div>
<div class="line react"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="teams" id="teams">
<div class="max-width">
<h2 class="title">My teams</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="images/profile-11.jpeg" alt="">
<div class="text">Ankit Kumar   (QA_Testing)</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/profile-2.jpeg" alt="">
<div class="text">Abhishek Rawat (Support)</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/profile-3.jpeg" alt="">
<div class="text">Prachi Singh   (Designer)</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact me</h2>
<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<p>I am always looking for new and exciting technology projects to work on. Whether you have a specific project in mind or just want to chat about technology, I would love to hear from you. Please feel free to get in touch using the contact form below!</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Akash kumar</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title">Dwarka , NEW DELHI</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">thedashingAnon@gmail.com</div>
</div>
</div>
</div>
</div>
<div class="column right">
<div class="text">Message me</div>
<form action="#">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name" required>
</div>
<div class="field email">
<input type="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" placeholder="Message.." required></textarea>
</div>
<div class="button">
<button type="submit">Send message</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- footer section start -->
<footer>
<span>Created By <a href="https://coolanonfiles.blogspot.com/">Anon</a> | <span class="far fa-copyright"></span>
2023 All rights reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>