-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (133 loc) · 7.21 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Aman Sachan's Portfolio">
<meta name="author" content="Aman Sachan">
<!-- Open Graph Tags: Controls how the page looks when linked to other websites like facebook and linkedIn -->
<meta property="og:url" content="http://www.amansachan.com" />
<meta property="og:type" content="text/html" />
<meta property="og:title" content="Aman Sachan's Portfolio" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Fonts -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<!-- My custom CSS -->
<link href="css/general.css" rel="stylesheet">
<link href="css/overlay.css" rel="stylesheet">
<link href="css/navigation.css" rel="stylesheet">
<link href="css/connectWithMe.css" rel="stylesheet">
<link href="css/webpage/frontPage.css" rel="stylesheet">
<title>Aman Sachan | Graphics Engineer</title>
</head>
<body id="page-top" class="index">
<!-- Page Content -->
<div class="container-fluid">
<div class="row">
<!-- First Column -- Project Images & Links -->
<div class="col-sm-12 col-lg-3 order-2 order-sm-2 order-lg-1 align-self-start topSeparation">
<div class="row-md-auto text-center projectDisplay">
<div class="overlayContainer rounded"> <a href="./webpages/portfolioPinned.html#Meteoros">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/Projects/ProjectCoverImages/MeteorosCover.png">
<div class="content-details">
<h3 class="content-title">Meteoros</h3>
</div>
</a> </div>
<div class="overlayContainer rounded"> <a href="./webpages/portfolioRendering.html#ClusteredDeferred">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/Projects/ProjectCoverImages/ClusteredDeferredCover.png">
<div class="content-details">
<h3 class="content-title">Clustered Deferred Shading</h3>
</div>
</a> </div>
<div class="overlayContainer rounded"> <a href="./webpages/portfolioGames.html#HandOfGod">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/Projects/ProjectCoverImages/HandOfGodCover.png">
<div class="content-details">
<h3 class="content-title">Hand Of God</h3>
</div>
</a> </div>
</div>
</div>
<!-- Second Column -- Intro Text & Links -->
<div class="col-sm-12 col-lg-6 order-1 order-sm-1 order-lg-2 align-self-center introMsg">
<div class="row-12 justify-content-center">
<p><span class="NameStyle">Aman Sachan</span></p>
<p><span class="ProfessionStyle">Computer Graphics Engineer</span></p>
</div>
<div class="row-12 justify-content-center SubPageLink">
<ul>
<li class="PortfolioLink"><a href="./webpages/portfolioPinned.html">Portfolio</a></li>
<li class="ArtLink"><a href="./webpages/art.html">Art</a></li>
<li class="AboutLink"><a href="./webpages/about.html">About</a></li>
</ul>
</div>
<!-- Resume -->
<div class="row-12 justify-content-center resumeClass resumeClassFrontPage svgResume">
<a href="assets/downloadable/Aman_Sachan_Resume.pdf" download>
<span class="resumeText">Resume</span>
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-file-earmark-arrow-down-fill" style="overflow: visible;" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm7 2l.5-2.5 3 3L10 5a1 1 0 0 1-1-1zm-.5 3.5a.5.5 0 0 0-1 0v3.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 11.293V7.5z"/>
</svg>
</a>
</div>
<!-- Connect With Me Links -->
<div class="row-2 justify-content-center">
<ul class="connectWithMe-icons connectWithMe-iconsFrontPage justify-content-right">
<li><a href="mailto:[email protected]"><i class="fa fa-envelope fa-FrontPage borderedIcon"></i></a></li>
<li><a href="https://www.linkedin.com/in/amansachan1/"><i class="fa fa-linkedin fa-FrontPage borderedIcon"></i></a></li>
<li><a href="https://github.com/AmanSachan1"><i class="fa fa-github fa-FrontPage borderedIcon"></i></a></li>
<li><a href="https://vimeo.com/amansachan"><i class="fa fa-vimeo fa-FrontPage borderedIcon"></i></a></li>
</ul>
</div>
<br>
<br>
</div>
<!-- Third Column -- Project Images & Links-->
<div class="col-sm-12 col-lg-3 order-3 align-self-start topSeparation">
<div class="row-md-auto text-center projectDisplay">
<div class="overlayContainer rounded"> <a href="./webpages/portfolioPinned.html#CPUPathTracer">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/Projects/ProjectCoverImages/CPU_PathTracerCover.png">
<div class="content-details">
<h3 class="content-title">Monte Carlo Path Tracer</h3>
</div>
</a> </div>
<div class="overlayContainer rounded"> <a href="./webpages/portfolioSimulation.html#JelloSim">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/Projects/ProjectCoverImages/BunnyBouncerCover.png">
<div class="content-details">
<h3 class="content-title">Bunny Bouncer</h3>
</div>
</a> </div>
<div class="overlayContainer rounded"> <a href="./webpages/portfolioProcedural.html#StylizedJelly">
<div class="content-overlay rounded"></div>
<img class="content-image rounded" src="assets/images/MiscellaneousArt/StylizedJellySquare.png">
<div class="content-details">
<h3 class="content-title">Stylized Jelly</h3>
</div>
</a> </div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="container footer">
<div class="row">
<div class="col">
<p>Copyright © Aman Sachan. All Rights Reserved.</p>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>