-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
68 lines (62 loc) · 3.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>About Page</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel='stylesheet' type='text/css' media='screen' href='CSS/main.css'>
<script src='JS/main.js'></script>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins&display=swap" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/images/computer.png">
</head>
<body style="background-image: url('images/spaceship_edit2.png');">
<div class="container">
<div class="nav-wrapper" style="box-shadow: 0 4px 2px -2px grey;">
<div class="left-side">
<div class="nav-link-wrapper" style="margin-left: 10%;">
<a href="index">Home</a>
</div>
<div class="nav-link-wrapper" style="border-bottom: 1px solid white; margin-left: 10%;">
<a href="about" style="color:white;">About</a>
</div>
<div class="nav-link-wrapper" style="margin-left: 10%;">
<a href="flowcharts">Flowcharts</a>
</div>
</div>
<div class="right-side">
<div>
<div class="brand">
<div class="hideIfSmall" class="right-side">AMAN CHHINA</div>
</div>
</div>
</div>
</div>
<div class="about-image">
<img src="images/about.png">
</div>
<div class="about-text">
<span class="about-heading"><h3>Hi,</h3></span> <br>
<span class="about-heading"><h3>I'm</h3></span><span class="about-name"><h1>Aman Chhina</h1></span> <br>
<span class="about-job"><h2>Software <span style="color: #e45447;">Developer</span> and Content <span style="color: #90acd1">Developer</span></h2></span>
<span class="about-general">
<p>
     This website here is a collection of developmental projects that
I am currently working on and those that I have in pipeline in the
immediate future. This is more of my personal sandbox where I can explore
programming languages, ideas, designs and concepts before I begin working on
them professionaly. With all that being said, do not be surprised if the themes
do not match, the projects seem tangibly related at best and everything seems to be
in limbo! Kick back, grab a cold beer and welcome to my chaotic <strike>brain</strike>
workspace.
</p>
</span>
</div>
<div class="about-image2">
<img src="images/programming_vector.jpg">
</div>
</div>
</body>
</html>