-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
82 lines (75 loc) · 4.55 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
<link rel="icon" href="icon.png" type="image/icon type">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>TechFolio - About</title>
<style>
td {
padding-right: 50px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div class="loader-container">
<div class="loader"></div>
</div>
<br/>
<div class="navbar">
<a href="index.html" style="font-size: 30px;"><span class="active">𝐓𝐞𝐜h𝐅𝐨𝐥𝐢𝐨</span></a>
<div style="text-align: center;" class="nav_links nav_links_ul" id="navLinks">
<i class="fa fa-times cross hidden" onclick="hideMenu()"></i>
<a href="index.html">Home</a>
<a href="about.html"><span class="active">About</span></a>
<a href="contact.html">Contact</a>
</div>
<i class="fa fa-bars cross2" onclick="showMenu()"></i>
<div class="icons nav_links">
<a href="https://www.facebook.com/kushal.gupta.39794895"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/kushal_gupta_03/"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/kushalgupta03/"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<section class="about-me">
<p1>𝐀𝐛𝐨𝐮𝐭</p1>
<p class="about-main-me">Crafting code, forging solutions. Crafting the future, one keystroke at a time, with a passion for innovation and an eye for elegant design. In the dance of algorithms, finding joy in unraveling complexity.</p>
<br/>
<a href="contact.html" class="green-button" style="text-decoration: none;">Available for help</a>
</section>
<!-- Your website content goes here -->
<div class="about-main">
<div class="left-half">
<img src="profile_pic.jpg" alt="Mugshot">
</div>
<div class="right-half">
<h2>Dedicated IT student and aspiring developer</h2>
<p class="right-main" style="font-size: 18px;">𝘗𝘢𝘴𝘴𝘪𝘰𝘯𝘢𝘵𝘦 𝘥𝘦𝘷𝘦𝘭𝘰𝘱𝘦𝘳 𝘸𝘦𝘢𝘷𝘪𝘯𝘨 𝘪𝘯𝘵𝘳𝘪𝘤𝘢𝘵𝘦 𝘤𝘰𝘥𝘦 𝘵𝘢𝘱𝘦𝘴𝘵𝘳𝘪𝘦𝘴, 𝘣𝘭𝘦𝘯𝘥𝘪𝘯𝘨 𝘪𝘯𝘯𝘰𝘷𝘢𝘵𝘪𝘰𝘯 𝘸𝘪𝘵𝘩 𝘢 𝘵𝘰𝘶𝘤𝘩 𝘰𝘧 𝘦𝘭𝘦𝘨𝘢𝘯𝘤𝘦.</p>
<table>
<tr>
<td><span style="color: #03875b; font-size: 20px;">></span><b> Birthday:</b> 23 August 2003</td>
<td><span style="color: #03875b; font-size: 20px;">></span><b> Age:</b> 21</td>
</tr>
<tr>
<td><span style="color: #03875b; font-size: 20px;">></span><b> Phone:</b> +91 87994 46138</td>
<td><span style="color: #03875b; font-size: 20px;">></span><b> Website:</b> </td>
</tr>
<tr>
<td><span style="color: #03875b; font-size: 20px;">></span><b> State:</b> Gujarat, India</td>
<td><span style="color: #03875b; font-size: 20px;">></span><b> Degree:</b> Bachelors</td>
</tr>
</table>
<p class="about-body">
Choosing IT wasn't just a decision; it was a calling. The allure of transforming ideas into functional solutions, the dynamic challenges that keep my mind buzzing, and the ever-evolving landscape that demands continuous learning – these are the elements that drew me to IT. In this realm, I discovered the power to create, innovate, and contribute meaningfully to the digital era.
</p>
<p class="about-body">
The ability to craft elegant solutions from complex problems, the thrill of staying ahead in an ever-changing technological landscape, and the profound impact that technology has on shaping our future – these are the driving forces that fuel my passion for IT. In the world of IT, I've discovered not just a career, but a canvas where innovation, curiosity, and perseverance blend seamlessly to create a meaningful and impactful journey.
</p>
</div>
</div>
</body>
</html>