forked from Shubhamchinda/Portfolio
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
157 lines (152 loc) · 6.67 KB
/
index.html
File metadata and controls
157 lines (152 loc) · 6.67 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
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<link rel="stylesheet" href="css/styles.css">
<title>Portfolio</title>
</head>
<body>
<nav>
<div class="nav-wrapper blue-grey darken-4">
<a href="#!" class="brand-logo"><span class="logo"<b>Shubham Chinda</b></span></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#projects">Projects</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#projects">Projects</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<!-- parallax -->
<div class="parallax-container">
<div class="parallax"><img src="photo/image1.jpeg" width="100%"></div>
</div>
<div class="section white" id="about">
<div class="row container">
<h1 class="header" >Hey I'm Shubham!</h1>
<p class="grey-text text-darken-3 lighten-3">A front-end developer from New-Delhi, India. I'm learning react from past few days, Hope to be react developer very soon!</p>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="container">
<div class="row center">
<div class="col l10 offset-l1">
<h2 class="center-align white-text cta">Interested in working together?</h2>
<a href="#contact" class="cente btn-large hoverable red accent-2 waves-effect waves-light ">GET IN TOUCH</a>
</div
</div>
</div>
<div class="parallax"><img src="photo/image2.jpeg" width="100%"></div>
</div>
</div>
<!-- Projects-->
<div class="container text-center">
<h2 class="section-header positioner project" id="projects">Some Projects</h2>
<div class="row">
<div class="col s12 m6 13">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="https://static.pexels.com/photos/242492/pexels-photo-242492.jpeg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">React Weather App<i class="material-icons right">More info</i></span>
<p><a href="http://afternoon-forest-96853.herokuapp.com/" target="_blank"><b>Link</b></a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">React Weather App<i class="material-icons right">close</i></span>
<p>I made a simple react weather application.In this application we can get the weather data by searching the city name.</p>
</div>
</div>
</div>
<div class="col s12 m6 13">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="https://static.pexels.com/photos/242492/pexels-photo-242492.jpeg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">React Weather App<i class="material-icons right">More info</i></span>
<p><a href="http://afternoon-forest-96853.herokuapp.com/" target="_blank"><b>Link</b></a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">React Weather App<i class="material-icons right">close</i></span>
<p>A simple weather application on React.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Contact-->
<div class="container" id="contact">
<div class="row">
<h2 class="section-header">Contact Me</h2>
</div>
</div>
<div class="container blue-grey lighten-4 cform" >
<div class="row">
<div class="col l8 offset-l2 m12 s12">
<div class="row">
<form class="col s12 " enctype="text/plain" method="get" action="mailto:shubhamchinda07@gmail.com">
<div class="row">
<div class="input-field col s6">
<input id="first_name" type="text" class="validate ">
<label for="first_name" >First Name</label>
</div>
<div class="input-field col s6">
<input id="last_name" type="text" class="validate">
<label for="last_name">Last Name</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate">
<label for="email">Email</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<textarea rows="5" cols="40" name="comments" class="validate "></textarea>
<label>Write about your project.</label>
</div>
</div>
<input class="cente btn-large hoverable red accent-2 waves-effect waves-light light-blue accent-2" type="submit" value="Send">
</form>
</div>
</div>
</div>
</div>
<!-- Footer-->
<footer class="page-footer blue-grey darken-2">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Front-End Developer</h5>
<ul>
<li class="grey-text text-lighten-4">HTML</li>
<li class="grey-text text-lighten-4">CSS</li>
<li class="grey-text text-lighten-4">JAVASCRIPT</li>
</ul>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white=text">Links</h5>
<ul>
<li><a href="#projects" class="grey-text text-lighten-3">Projects</a></li>
<li><a href="#about" class="grey-text text-lighten-3">About</a></li>
<li><a href="#contact" class="grey-text text-lighten-3">Contact</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>