-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (169 loc) · 6.06 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
<!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" />
<meta
name="description"
content="Here's my projects and more information about me to know me better."
/>
<meta name="robots" content="index,follow" />
<title>Ishan Soni | Web Developer</title>
<link rel="stylesheet" href="./style.css" />
<link
rel="icon"
href="./img/code_coding_programming_browser_icon_124774.svg"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Amiri&family=Cinzel:wght@800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous"
/>
</head>
<body data-barba="wrapper">
<header class="nav-header">
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<h1><a href="./index.html" id="logo">Ishan Soni</a></h1>
</header>
<main data-barba="container" data-barba-namespace="home">
<section class="about slide">
<div class="hero-image">
<img src="./img/hero1.jpg" alt="Mac desktop setup" />
<div class="reveal-img"></div>
</div>
<div class="hero-desc">
<div class="title">
<h2>Front End Web<span class="about-span">Developer.</span></h2>
<div class="title-swipe t-swipe1"></div>
</div>
<p>
Welcome! I am Ishan Soni, currently, I am learning more about web
development, and in the future, I want to create Awesome things out
of my learning.
</p>
<a class="explore skills-btn">Skills</a>
<div class="reveal-text"></div>
</div>
</section>
<section class="projects slide">
<div class="hero-image">
<img src="./img/hero2.jpg" alt="Programming" />
<div class="reveal-img"></div>
</div>
<div class="hero-desc">
<div class="title">
<h2>
Hey Check out my <span class="project-span">Projects.</span>
</h2>
<div class="title-swipe t-swipe2"></div>
</div>
<p>Click to see the Projects.</p>
<a href="./projects/index.html" class="explore projects-exp"
>Projects</a
>
<div class="reveal-text"></div>
</div>
</section>
<section class="contact-me slide">
<div class="hero-image">
<img src="./img/hero3.jpg" alt="website owner" />
<div class="reveal-img"></div>
</div>
<div class="hero-desc">
<div class="title">
<h2>Click Below To <span class="contact-span">Contact.</span></h2>
<div class="title-swipe t-swipe3"></div>
</div>
<p>
Thank you for visiting my website, check out the social media links
and contact me by clicking on the button below.
</p>
<a href="./contact/index.html" class="explore contact-exp">Contact</a>
<div class="reveal-text"></div>
</div>
</section>
</main>
<nav class="nav-bar">
<div class="contact">
<h2>Stay in touch.</h2>
<p>
Check out the social media links down below and you can also email me
<a href="mailto:[email protected]">[here].</a>
</p>
</div>
<ul class="nav-links">
<a
target="_blank"
rel="noreferrer noopener"
href="https://twitter.com/Ishan237"
><h3>Twitter</h3></a
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://github.com/ItsMeIshan"
><h3>GitHub</h3></a
>
<a
target="_blank"
rel="noreferrer noopener"
href="https://www.linkedin.com/in/ishan-soni-892aaa1a8/"
><h3>LinkedIn</h3></a
>
</ul>
</nav>
<div class="cursor">
<span class="cursor-text"></span>
</div>
<div class="swipe swipe1"></div>
<div class="swipe swipe2"></div>
<div class="swipe swipe3"></div>
<div class="popup-back">
<div class="popup">
<button class="close-popup"><span class="close">X</span></button>
<div class="heading"><h3>Check 'em Out here!</h3></div>
<div class="skill-icons">
<i class="fab fa-html5"></i>
<i class="fab fa-css3-alt"></i>
<i class="fab fa-sass"></i>
<i class="fab fa-js-square"></i>
<i class="fab fa-java"></i>
<i class="fab fa-python"></i>
</div>
</div>
</div>
<script src="https://unpkg.com/@barba/core"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"
integrity="sha512-8E3KZoPoZCD+1dgfqhPbejQBnQfBXe8FuwL4z/c8sTrgeDMFEnoyTlH3obB4/fV+6Sg0a0XF+L/6xS4Xx1fUEg=="
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/debug.addIndicators.min.js"
integrity="sha512-RvUydNGlqYJapy0t4AH8hDv/It+zKsv4wOQGb+iOnEfa6NnF2fzjXgRy+FDjSpMfC3sjokNUzsfYZaZ8QAwIxg=="
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"
integrity="sha512-5/OHwmQzDSBS0Ous4/hlYoWLHd06/d2r7LdKZQVBXOA6PvOqWVXtdboiLTU7lQTGyVoKVTNkwi0ol4gHGlw5ww=="
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"
integrity="sha512-1dalHDkG9EtcOmCnoCjiwQ/HEB5SDNqw8d4G2MKoNwjiwMNeBAkudsBCmSlMnXdsH8Bm0mOd3tl/6nL5y0bMaQ=="
crossorigin="anonymous"
></script>
<script src="./app.js"></script>
</body>
</html>