-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (139 loc) · 6.37 KB
/
index.html
File metadata and controls
150 lines (139 loc) · 6.37 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="img/favicon.png" type="image/png">
<title>Arjun Atwal - My Website</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="vendors/linericon/style.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="vendors/nice-select/css/nice-select.css">
<link rel="stylesheet" href="css/style.css">
<script nonce="9ebdefb9-1768-4dcf-8255-781922e3f9c0">(function(w,d){!function(a,b,c,d){a[c]=a[c]||{};a[c].executed=[];a.zaraz={deferred:[],listeners:[]};a.zaraz.q=[];a.zaraz._f=function(e){return function(){var f=Array.prototype.slice.call(arguments);a.zaraz.q.push({m:e,a:f})}};for(const g of["track","set","debug"])a.zaraz[g]=a.zaraz._f(g);a.zaraz.init=()=>{var h=b.getElementsByTagName(d)[0],i=b.createElement(d),j=b.getElementsByTagName("title")[0];j&&(a[c].t=b.getElementsByTagName("title")[0].text);a[c].x=Math.random();a[c].w=a.screen.width;a[c].h=a.screen.height;a[c].j=a.innerHeight;a[c].e=a.innerWidth;a[c].l=a.location.href;a[c].r=b.referrer;a[c].k=a.screen.colorDepth;a[c].n=b.characterSet;a[c].o=(new Date).getTimezoneOffset();if(a.dataLayer)for(const n of Object.entries(Object.entries(dataLayer).reduce(((o,p)=>({...o[1],...p[1]})),{})))zaraz.set(n[0],n[1],{scope:"page"});a[c].q=[];for(;a.zaraz.q.length;){const q=a.zaraz.q.shift();a[c].q.push(q)}i.defer=!0;for(const r of[localStorage,sessionStorage])Object.keys(r||{}).filter((t=>t.startsWith("_zaraz_"))).forEach((s=>{try{a[c]["z_"+s.slice(7)]=JSON.parse(r.getItem(s))}catch{a[c]["z_"+s.slice(7)]=r.getItem(s)}}));i.referrerPolicy="origin";i.src="/cdn-cgi/zaraz/s.js?z="+btoa(encodeURIComponent(JSON.stringify(a[c])));h.parentNode.insertBefore(i,h)};["complete","interactive"].includes(b.readyState)?zaraz.init():a.addEventListener("DOMContentLoaded",zaraz.init)}(w,d,"zarazData","script");})(window,document);</script></head>
<body>
<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand logo_h" href="index.html"><img src="img/logo.png" height="50px"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse offset" id="navbarSupportedContent">
<ul class="nav navbar-nav menu_nav justify-content-end">
<li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
<!--<li class="nav-item submenu dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-details.html">Portfolio Details</a></li>
</ul>
</li>-->
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<section class="home_banner_area">
<div class="banner_inner">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="banner_content">
<h3 class="text-uppercase">Hell0</h3>
<h1 class="text-uppercase">my name is arjun </h1>
<h5 class="text-uppercase">junior developer</h5>
<div class="d-flex align-items-center">
<a class="primary_btn tr-bg" href="https://drive.google.com/file/d/1QllAcFoBXxh9CFQI2lNVg9tNVaWUW77Q/view?usp=sharing" download="ArjunAtwalResume"><span>Resume</span></a>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="home_right_img">
<img src="img/home-right.png" height="500px">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about_area section_gap">
<div class="container">
<div class="row justify-content-start align-items-center">
<div class="col-lg-5">
<div class="about_img">
<img class="" src="img/about-us.png" height="500px">
</div>
</div>
<div class="offset-lg-1 col-lg-5">
<div class="main_title text-left">
<h2>Hello, let me introduce myself!</h2>
<p>
I'm Arjun Atwal, a <span style="font-weight: bold;">Third Year Computer Science and Math</span> student at the University of Western Ontario.
</p>
<p>
I am seeking <span style="font-weight: bold;">Programming Focused</span> internship positions.
I have relevant skills in <span style="font-weight: bold;">Software Development</span> from projects
and <span style="font-weight: bold;">work experience</span> from my internship at
<span style="font-weight: bold;">Ontario Government and Ribbon.ai</span>
</p>
<a class="primary_btn" href="portfolio.html"><span>Project Portfolio</span></a>
</div>
</div>
</div>
</div>
</section>
<section class="features_area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="main_title">
<h2>Skills and areas of interest</h2>
<p>
Overview of some of the tech stacks I have worked with<br>Including their applications and my areas of interest
</p>
</div>
</div>
</div>
<div class="row feature_inner">
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/computerscreen.png" height="50px" width="100px">
<h4>Frontend Development<br></br></h4>
<br><p>React.js<br>Express.js<br>Tailwind CSS</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/gears.png" height="50px">
<h4>Backend Development<br></br></h4>
<br><p>Flask<br>Node.js<br>MongoDB</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/ai.png" height="50px">
<h4>AI - CV and NLP<br></br></h4>
<br><p>OpenCV<br>GPT - 3<br>TensorFlow<br>PyTorch</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img src="img/niche.png" height="50px" width="200">
<h4>Database Management Systems</h4>
<p>SQL<br>XML<br>XSLT<br></p><br>
</div>
</div>
</div>
</div>
</section>
</body>
</html>