-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (144 loc) · 5.52 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
<!DOCTYPE HTML>
<html>
<head>
<title>PersonalWebsite</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>Samriddhi Gupta</h1>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#one">Who I am</a></li>
<li><a href="#two">What I do</a></li>
<li><a href="#work">My Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2 style="color:rgb(94, 1, 94)">Hey.</h2>
</header>
<p>Welcome to <strong>My Website ,</strong>where you'll get to know about me!!<br />
</p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Who I am</h2>
</header>
<p>I am a computer science undergrad who is passionate and enthusiastic enough to strive for my intended goal and achieve it. </p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- Two -->
<section id="two" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>What I do</h2>
</header>
<div class="font-change">
<p>As a computer science student and an aspiring software engineer , I created some projects - Making personal portfolio , A calculator , A tic-tac-toe game , A snake game , etc. </p>
<p>Basic to intermediate level in the following languages : </p>
<p><ol>C language</ol>
<ol>Python</ol>
<ol>Linear DSA in C</ol>
<ol>JS</ol>
<ol>Fundamentals of API</ol>
<ol>HTML5 ,CSS3</ol>
<ol>Currently working on Java</ol></p>
</div>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="work" class="main style3 primary">
<div class="content">
<header>
<h2>My Work</h2>
<p><ul>Interned at Codsoft (Front-end dev)</ul>
<ul>Postman API fundamnetals student expert</ul>
<ul>Worked as webdev and web3 ssociate at Google Developers Student Clubs(Google DSC)</ul></p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="work pictures/portfolio.png" class="image fit"><img src="work pictures/portfolio.png" title="Portfolio page" alt="" height="400" /></a>
</article>
<article class="from-right">
<a href="work pictures/postbadge.jpeg" class="image fit"><img src="work pictures/postbadge.jpeg" title="Postman badge" alt="" height="auto"></a>
</article>
<article class="from-left">
<a href="work pictures/calculator.png" class="image fit"><img src="work pictures/calculator.png" title="Calculator" alt="" /></a>
</article>
<article class="from-right">
<a href="work pictures/snake.png" class="image fit"><img src="work pictures/snake.png" title ="Snake game" alt="" /></a>
</article>
<article class="from-left">
<a href="work pictures/TIC-TAC.png" class="image fit"><img src="work pictures/TIC-TAC.png" title="Tic-Tac-Toe game" alt="" /></a>
</article>
<article class="from-right">
<a href="work pictures/certificate.png" class="image fit"><img src="work pictures/certificate.png" title="Google DSC certificate"alt="" /></a>
</article>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<h2>Say Hello.</h2>
<p>Wan't to connect ? Just fill the details below.</p>
</header>
<div class="box">
<form method="post" action="#">
<div class="fields">
<div class="field half"><input type="text" name="name" placeholder="Name" /></div>
<div class="field half"><input type="email" name="email" placeholder="Email" /></div>
<div class="field"><textarea name="message" placeholder="Message" rows="6"></textarea></div>
</div>
<ul class="actions special">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/samriddhi-gupta-61a96b282" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© Samriddhi gupta</li><li></li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>