-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
221 lines (210 loc) · 9.74 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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>My Website</title>
<link rel="icon" href="./img/website.png">
</head>
<body>
<!-- Header -->
<section id="header">
<div class="header container">
<div class="nav-bar">
<div class="brand">
<a href="#hero"><h1><span>SAHIL <span> </span></span>JANBANDHU</h1></a>
</div>
<div class="nav-list">
<div class="hamburger"><div class="bar"></div></div>
<ul>
<li><a href="#hero" data-after="Home">Home</a></li>
<li><a href="#services" data-after="Service">Services</a></li>
<li><a href="#projects" data-after="Projects">Projects</a></li>
<li><a href="#about" data-after="About">About</a></li>
<li><a href="#contact" data-after="Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Header -->
<!-- Hero Section -->
<section id="hero">
<div class="hero container">
<div>
<h1>Hello, <span></span></h1>
<h1>My Name is <span></span></h1>
<h1>Sahil Janbandhu<span></span></h1>
<a href="#projects" type="button" class="cta">Projects</a>
</div>
</div>
</section>
<!-- End Hero Section -->
<!-- Service Section -->
<section id="services">
<div class="services container">
<div class="service-top">
<h1 class="section-title">Serv<span>i</span>ces</h1>
<h2>Some of the services provided by me.</h2>
</div>
<div class="service-bottom">
<div class="service-item">
<div class="icon"><img src="./img/services.png"/></div>
<h2>Web Development & Web Design</h2>
<p>Work with programming languages like HTML, CSS, JS, PHP, etc.. to create websites and web applications</p>
</div>
<div class="service-item">
<div class="icon"><img src="./img/services.png"/></div>
<h2>Game Development</h2>
<p> Work with game engine like Unity, Buildbox, etc.. and programming languages like Python, Java, C#, etc.. to create games.</p>
</div>
<div class="service-item">
<div class="icon"><img src="./img/services.png"/></div>
<h2>Android Software Development</h2>
<p>Work with programming language like java, kotlin with help of android studio to build android application and games.</p>
</div>
<div class="service-item">
<div class="icon"><img src="./img/services.png"/></div>
<h2>Photo Editing</h2>
<p>Photo editing is the art of enhancing an image to make it look more like what you saw with your eyes. ...</p>
</div>
</div>
</div>
</section>
<!-- End Service Section -->
<!-- Projects Section -->
<section id="projects">
<div class="projects container">
<div class="projects-header">
<h1 class="section-title">Recent <span>Projects</span></h1>
</div>
<div class="all-projects">
<div class="project-item">
<div class="project-info">
<h1>Project 1</h1>
<a href="https://github.com/sahiljanbandhu/JUMP-DOGGING" class="cta">Jump Dogging</a>
<p> Jump Dogging gaming project is developed using Unity Game engine. The Language used for the development of the gaming project is C#.It is a 2D Multiplayer game. There will be two player i.e. player left and player right.It is a 2D arcade game where the both the player has to dodge and jump from obstacles and collect the bars which will increase their points.The player with highest points will win the game.</p>
</div>
<div class="project-img">
<img src="https://user-images.githubusercontent.com/22257930/87295072-47a86680-c522-11ea-8986-26429348f63e.png" alt="img">
</div>
</div>
<div class="project-item">
<div class="project-info">
<h1>Project 2</h1>
<a href="https://github.com/sahiljanbandhu/OnlineTest" class="cta">Online Test</a>
<p>The project named as “Online Test” is a WebSite. ONLINE TEST provides the exam for the Programming Knowledge in different Programming languages like C, Java, etc. The project is made from Visual studio 2010 where backend is ms sql server 2012. Contain: Admin Panel - works to add question for canditate - can atend quiz</p>
</div>
<div class="project-img">
<img src="https://user-images.githubusercontent.com/22257930/84566541-a77ae880-ad8f-11ea-883d-d548a7ed9f23.png" alt="img">
</div>
</div>
<div class="project-item">
<div class="project-info">
<h1>Project 3</h1>
<a href="https://weatherdashboards.netlify.app/" class="cta">Weather Dashboard</a>
<p>Weather-Dashboard is an application to find a weather condition of a given city both the current and 5-Days forecast at the same time. The server-side API used to get response data object is retrieved from the Open Weather APi. The current weather section is including the following weather characters and date.City, Date,Icon-image,Temperature,Humidity,Wind SpeedUV index</p>
</div>
<div class="project-img">
<img src="https://user-images.githubusercontent.com/22257930/87544595-5af33780-c6c4-11ea-9005-5978cb713556.PNG" alt="img">
</div>
</div>
<div class="project-item">
<div class="project-info">
<h1>Project 4</h1>
<a href="https://multiplicationgames.netlify.app/" class="cta">Multiplication Game</a>
<p>The main purpose of the project was to build an interactive application - Multiplication Game. The game demonstrates programming with JavaScript.When the game begins, the timer is set to 30 seconds.Two random numbers between 0 and 10 are displayed for the multiplication question.Four answer choices are given, one of which is the correct answer.If the correct answer is selected, the "right" label will be shown for one second, and a new question will be displayed.</p>
</div>
<div class="project-img">
<img src="https://user-images.githubusercontent.com/22257930/88288790-e5b1e300-cd11-11ea-86ef-c2bc8c8b6e96.png" alt="img">
</div>
</div>
<div class="project-item">
<div class="project-info">
<h1>Project 5</h1>
<a href="https://github.com/sahiljanbandhu/QuizApp" class="cta">QuizApp</a>
<p>"Quiz App" it is an simple quiz game based on python.With the help of python tkinter this app is made.To play the quiz you have to register yourself and then login.Their are three levels: Easy, Medium & Difficult.Each question have 10sec</p>
</div>
<div class="project-img">
<img src="https://user-images.githubusercontent.com/22257930/86759685-52668580-c062-11ea-97d8-39f8838c32dd.png" alt="img">
</div>
</div>
</div>
</div>
</section>
<!-- End Projects Section -->
<!-- About Section -->
<section id="about">
<div class="about container">
<div class="col-left">
<div class="about-img">
<img src="./img/Sahil.jpg" alt="img">
</div>
</div>
<div class="col-right">
<h1 class="section-title">About <span>me</span></h1>
<h2>Aspiring Software Developer</h2>
<p>"Life should be Great rather then Long". On adventure on learning programming! I'm an Aspiring Software developer looking out for new opportunities . Learning new things Everyday.!</p>
<a href="https://drive.google.com/file/d/1cpm3yZU-3ts0pURLOJtNIogQbygtKFoM/view?usp=sharing" class="cta">Download Resume</a>
</div>
</div>
</section>
<!-- End About Section -->
<!-- Contact Section -->
<section id="contact">
<div class="contact container">
<div><h1 class="section-title">Contact <span>info</span></h1></div>
<div class="contact-items">
<div class="contact-item">
<div class="icon"><img src="./img/phone.png"/></div>
<div class="contact-info">
<h1>Phone</h1>
<h2>+91 9892734812</h2>
</div>
</div>
<div class="contact-item">
<div class="icon"><img src="./img/gmail.png"/></div>
<div class="contact-info">
<h1>Email</h1>
<h2>sahil14498@gmail.com</h2>
<h2>gamer14498@gmail.com</h2>
</div>
</div>
<div class="contact-item">
<div class="icon"><img src="./img/location.png"/></div>
<div class="contact-info">
<h1>Address</h1>
<h2>Mumbai, Maharashtra, India</h2>
</div>
</div>
</div>
</div>
</section>
<!-- End Contact Section -->
<!-- Footer -->
<section id="footer">
<div class="footer container">
<div class="brand"><h1><span>S</span>AH <span>I</span>L</h1></div>
<h2>You can also contact me through Social Media</h2>
<div class="social-icon">
<div class="social-item">
<a href="https://github.com/sahiljanbandhu"><img src="./img/github.png"/></a>
</div>
<div class="social-item">
<a href="https://facebook.com/s.d.janbandhu"><img src="./img/facebook.png"/></a>
</div>
<div class="social-item">
<a href="https://instagram.com/sahil_janbandhu"><img src="./img/instagram.png"/></a>
</div>
<div class="social-item">
<a href="https://twitter.com/sahil_janbandhu"><img src="./img/twitter.png"/></a>
</div>
</div>
<p>© Sahil Janbandhu 2020. All rights reserved</p>
</div>
</section>
<!-- End Footer -->
<script src="./app.js"></script>
</body>
</html>