-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·154 lines (131 loc) · 4.59 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
<!DOCTYPE html>
<html>
<head>
<title>Varun Rustomji</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Resume Website">
<meta name="keywords" content="software engineer, internship, resume, portfolio">
<meta name="author" content="Varun Rustomji">
<!-- Libraries used -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/typed.js/1.1.4/typed.min.js"></script>
<script src="type.js"></script>
<!-- StyleSheet -->
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<section id="new_add">
<div class="container">
<p align="center"><span class="write"></span></p>
<ul class="fly-in-text hidden">
<li>W</li>
<li>E</li>
<li>L</li>
<li>C</li>
<li>O</li>
<li>M</li>
<li>E</li>
</ul>
</div>
</section>
<section id="about">
<div class="container about-space">
<div class="text">
<div class="about-title">
<h1>About Me</h1>
</div>
<div class="about-content">
<p>Hi my name is Varun, welcome to my site. I am a second year Computer Science student at Simon Fraser University in Vancouver, BC. I am passionate about building websites, progressive web apps and mobile apps.
I love finding new ways to do tedious things and come up with clever solutions to overcome the challenges that arise in my routine life. I like creating thing that are visually appealing and easy to use.
I achieve these goal by making the UI as interactive and intuitive as possible to guarantee a pleasant user experience.
</p>
<p>I enjoy learning new technologies and using them in creative ways. Feel free to checkout my resume and contact me!
</p>
</div>
<br><br>
<a class="button btn-lg" href="resume.docx" target="_blank">
<i class="fa fa-download"></i>
Check out my resume
</a>
<br><br><br>
</div>
</div>
</section>
<!-- Work section -->
<section id="work">
<div class="container">
<div class="work-text">
<div class="work-title">
<h1>Technologies I uses</h1>
</div>
<div class="test">
<div class="card">
<img src="./logo/cpp.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/css3.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/express.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/html5.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/javascript.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/jquery.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/mongoDB.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/nodejs.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/npm.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/sass.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/python.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/bootstrap.svg" class="imgs">
</div>
<div class="card">
<img src="./logo/swift.svg" class="imgs">
</div>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects">
<div class="container">
<div id="projects-heading">
<h1>Projects</h1>
</div>
<div id="project-content">
<p>Projects will be uploaded shortly..</p>
</div>
</div>
</section>
<!-- Footer section -->
<footer>
<p class="greeting">Keep in touch!</p>
<div class="icon-bar">
<a href="https://www.linkedin.com/in/varun-rustomji-b3a581114/"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/VarunRustomji"><i class="fa fa-github"></i></a>
<a href="mailto:vrustomj@sfu.ca"><i class="fa fa-envelope"></i></a>
</div>
<p>Handmade by me, Copyright © 2017</p>
</footer>
</body>
</html>