-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
141 lines (131 loc) · 5.61 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
<!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">
<title>Sameer Giri</title>
<meta name="description" content="Programmer">
<link rel="stylesheet" href="/assets/css/main.css">
</head>
<body>
<div id="particles-js">
<div class="header">
<h1>
<span class="site-title">Sameer Giri</span>
<span class="site-description">Software Developer</span>
</h1>
<div class="header-icons">
<a aria-label="Send email" href="mailto:sameergiri1997@gmail.com"><i class="icon fa fa-envelope"></i></a>
<a aria-label="My LinkedIn" target="_blank" href="https://www.linkedin.com/in/optimusam"><i class="icon fa fa-linkedin" aria-hidden="true"></i></a>
<a aria-label="My Github" target="_blank" href="https://github.com/optimusam"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
<a aria-label="My Education" target="_blank" href="https://raw.githubusercontent.com/optimusam/optimusam.github.io/master/resume-sameer-giri-2021.pdf"><i class="icon fa fa-graduation-cap" aria-hidden="true"></i><a>
</div>
<div class="header-links">
<a class="link" href="#about" data-scroll>About Me</a>
<a class="link" href="#projects" data-scroll>Projects</a>
</div>
</div>
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
<section id="about">
<div class="user-details">
<h1> My Expertise </h1>
<p> Hi there! I'm Sameer. A Graduate Information Technology student with a knack for programming and technology. I love working on challenging tasks and creating something new. When I'm not coding, I probably am cycling through the woods and mountains photographing the beautiful world we live in. </p>
</div>
<div class="user">
<div class="tech">
<h2>Design</h2>
<i class="devicon-html5-plain-wordmark"></i>
<i class="devicon-bootstrap-plain-wordmark colored"></i>
<i class="devicon-css3-plain-wordmark"></i>
<i class="devicon-sass-original colored"></i>
</div>
<div class="tech">
<h2>Code</h2>
<i class="devicon-javascript-plain colored"></i>
<i class="devicon-java-plain-wordmark colored"></i>
<i class="devicon-python-plain-wordmark colored"></i>
<i class="devicon-php-plain"></i>
<i class="devicon-cplusplus-plain-wordmark colored"></i>
<i class="devicon-mysql-plain-wordmark"></i>
<i class="devicon-mongodb-plain-wordmark colored"></i>
</div>
<div class="tech">
<h2>Frameworks & Libraries</h2>
<i class="devicon-angularjs-plain colored"></i>
<i class="devicon-react-original-wordmark colored"></i>
<i class="devicon-typescript-plain colored"></i>
<i class="devicon-nodejs-plain-wordmark"></i>
<i class="devicon-express-original-wordmark colored"></i>
<i class="devicon-jquery-plain-wordmark"></i>
</div>
</div>
</section>
<section id="projects">
<div class="user-details">
<h1> Featured Projects </h1>
</div>
<div class="user-projects">
<div class="images-left">
<img alt="Shield Whistleblower System" src="/assets/img/shield.png" />
</div>
<div class="contents-right">
<h3> Shield Whistleblower System </h3>
<ul>
<li> Built on Node.js, Sequelize and PostgreSQL.</li>
</ul>
<p>Shield Whistleblower System is a secure and anonymous way to send evidence to news media
outlets by people who want to bring evidence and news to light without the fear of threats to
their life and identity.</p>
<a class="project-link" href="https://shieldwhistleblowersystem.herokuapp.com/" target="_blank">Check it out</a>
</div>
</div>
<div class="user-projects">
<div class="images-right">
<img alt="Rate My teacher" src="/assets/img/ratemyteacher.png" />
</div>
<div class="contents">
<h3> The Student Space </h3>
<ul>
<li> Built on Flask and PostgreSQL. </li>
</ul>
<p>Designed a website to review and rate college teachers. Helps students make the best choice when it comes to selecting
faculty members.</p>
<a class="project-link" href="https://ratemyteacher.herokuapp.com" target="_blank">Check it out</a>
</div>
</div>
<div class="user-projects">
<div class="images-left">
<img alt="Chat Room project" src="/assets/img/chat.png" />
</div>
<div class="contents-right">
<h3> Chat Room Application </h3>
<ul>
<li> Built on Node.js and socket.io</li>
</ul>
<p>Created an application supporting dynamic chat rooms with status of persons visible to facilitate group chat. Built to help anonymous support groups.</p>
<a class="project-link" href="https://node-chat-app2018.herokuapp.com" target="_blank">Check it out</a>
</div>
</div>
<div class="user-projects">
<div class="images-right">
<img alt="Wikipedia Viewer" src="/assets/img/wikipedia_viewer.png" />
</div>
<div class="contents">
<h3> Wikipedia Viewer </h3>
<ul>
<li> Built on HTML, CSS & JS </li>
</ul>
<p>Designed to lookup wikipedia articles but with better UI and aesthetics</p>
<a class="project-link" href="https://optimusam.github.io/wikipedia-viewer/" target="_blank">Check it out</a>
</div>
</div>
</section>
<footer class="footer">
<p>© Sameer Giri, <script>document.write(new Date().getFullYear())</script>.</p>
</footer>
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="/assets/js/sweet-scroll.min.js"></script>
<script src="/assets/js/main.js"></script>
</body>