-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (78 loc) · 4.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio | Trisha Das</title>
<!-- link css file -->
<link rel="stylesheet" href="./index.css">
<!-- link animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
<header>
<nav>
<a href="./index.html" style="font-size: 22px; font-weight: 700;" >Trisha Das | <span class="auto-type">Frontend Developer</span></a>
<ul class="links">
<li><a href="./aboutMe.html">About Me</a></li>
<li><a href="./project.html">Project</a></li>
<li><a href="./contactMe.html">Contact Me</a></li>
</ul>
<i class="fa-solid fa-bars bar"></i>
</nav>
<div class="responsive-navbar animate__animated animate__fadeInDown">
<ul class="responsive-links">
<a href="./aboutMe.html"><li>Experience</li></a>
<a href="./aboutMe.html"><li>Education</li></a>
<a href="./project.html"><li>Projects</li></a>
<a href="./skill.html"><li>Skills</li></a>
<a href="./contactMe.html"><li>Contact Me</li></a>
</ul>
</div>
</header>
<main>
<div id="particles-js">
<div class="container animate__animated animate__fadeInDown">
<div class="profile">
<img src="./assets/my profile.jpg" alt="">
<h1>Trisha Das</h1>
<p class="auto-type">Frontend Developer</p>
<div class="profile-links">
<a href="https://www.linkedin.com/in/trisha-das1308/" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="https://github.com/trishaDas13" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
<a href="https://leetcode.com/trisha1308/" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill="#551a8b" d="M13.483 0a1.374 1.374 0 0 0-.961.438L7.116 6.226l-3.854 4.126a5.266 5.266 0 0 0-1.209 2.104a5.35 5.35 0 0 0-.125.513a5.527 5.527 0 0 0 .062 2.362a5.83 5.83 0 0 0 .349 1.017a5.938 5.938 0 0 0 1.271 1.818l4.277 4.193l.039.038c2.248 2.165 5.852 2.133 8.063-.074l2.396-2.392c.54-.54.54-1.414.003-1.955a1.378 1.378 0 0 0-1.951-.003l-2.396 2.392a3.021 3.021 0 0 1-4.205.038l-.02-.019l-4.276-4.193c-.652-.64-.972-1.469-.948-2.263a2.68 2.68 0 0 1 .066-.523a2.545 2.545 0 0 1 .619-1.164L9.13 8.114c1.058-1.134 3.204-1.27 4.43-.278l3.501 2.831c.593.48 1.461.387 1.94-.207a1.384 1.384 0 0 0-.207-1.943l-3.5-2.831c-.8-.647-1.766-1.045-2.774-1.202l2.015-2.158A1.384 1.384 0 0 0 13.483 0zm-2.866 12.815a1.38 1.38 0 0 0-1.38 1.382a1.38 1.38 0 0 0 1.38 1.382H20.79a1.38 1.38 0 0 0 1.38-1.382a1.38 1.38 0 0 0-1.38-1.382z"/>
</svg>
</a>
</div>
</div>
<div class="profile-content">
<h1>Hello,</h1>
<div class="profile-buttons">
<a href="./assets/Trisha Das.pdf" class="profile-button resume" download>Resume</a>
<a href="./project.html" class="profile-button">Projects</a>
</div>
<p>I'm Trisha, a passionate and creative frontend developer with a love for crafting beautiful and user-friendly digital experiences. My journey in the world of web development began with a curiosity that turned into a genuine fascination for transforming ideas into interactive, visually appealing websites. I'm well-versed in the latest frontend technologies, including HTML5, CSS3, and JavaScript. I have experience working with popular frameworks like React and Vue.js.</p>
<a href="./contactMe.html" class="profile-button contact">Contact Me</a>
</div>
</div>
</div>
</div>
</main>
<!-- typed.js linked -->
<script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
<!-- font awesome linked -->
<script src="https://kit.fontawesome.com/bfe5da5748.js" crossorigin="anonymous"></script>
<!-- particle.js linked -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!-- stats.js lib -->
<script src="https://threejs.org/examples/js/libs/stats.min.js"></script>
<!-- link the script file -->
<script src="./index.js"></script>
</body>
</html>