-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
216 lines (204 loc) · 7.97 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
<!DOCTYPE HTML>
<html>
<head>
<title>My PortFolio Mayank Dhakad</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" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<!-- Note: The "styleN" class below should match that of the banner element. -->
<header id="header" class="alt style2">
<a href="index.html" class="logo"><strong>Mayank</strong> <span>PORTFOLIO</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="aboutUs.html">About Me</a></li>
</ul>
</nav>
<!-- Banner -->
<!-- Note: The "styleN" class below should match that of the header element. -->
<section id="banner" class="style2">
<div class="inner">
<span class="image">
<img src="images/pic07.jpg" alt="" />
</span>
<header class="major">
<h1>Hola! This is Mayank Dhakad,</h1>
</header>
<div class="content">
<p>I am Software Developer Having Good Grasp on Frond-end and Back-end technologies.
Front-end Technology like HTML5, CCS3, Javascript and Bootstrap.
Back-end technologies Like Django(Python framework).
</p>
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>My Projects</h2>
</header>
<p>Projects with both technologies Frond-end and Back-end</p>
</div>
</section>
<!-- Two Grids of Projects -->
<section id="two" class="spotlights">
<section>
<a href="https://github.com/itsmayank0/TouristWorld" class="image">
<img src="images/TouristWorld.png" alt="" data-position="center center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>TouristWorld Website</h3>
</header>
<p>It's a Tourist Website that having a backend build on Django.
All features like:
* Email Integration With Google API.
* Sms Integration With Twillo API.
* Log-in & Sign Up.
* PostgreSQL for Database.
etc are covered in this project</p>
<ul class="actions">
<li><a href="https://github.com/itsmayank0/TouristWorld" class="button">See Code Now</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="https://github.com/itsmayank0/Asif_Blogs" class="image">
<img src="images/BlogHome.png" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Asif Blogs</h3>
</header>
<p>This is a fully functional blog back-end powered by Django.
features:
* Editor support in Admin
* Disques Integration for comments
* Fully dynamic content
I would say definitely check out my GitHub account.</p>
<ul class="actions">
<li><a href="https://github.com/itsmayank0/Asif_Blogs" class="button">See Code Now</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="https://github.com/itsmayank0/E-Bazaar" class="image">
<img src="images/Ecommerce.png" alt="" data-position="25% 25%" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>E-Bazar</h3>
</header>
<p>
E-Commerce Website *Payment GateWay integartion *Customize view for admin *Authentication backend
</p>
<ul class="actions">
<li><a href="https://github.com/itsmayank0/E-Bazaar" class="button">See Code Now</a></li>
</ul>
</div>
</div>
</section>
<!--THis 4th grid-->
<section>
<a href="https://itsmayank0.github.io/FoodCubo/index.html" class="image">
<img src="images/Foodcubo.png" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Foodcubo Front-end Project</h3>
</header>
<p>This is a fully functional Food website front-end powered by HTML5, CSS3, Bootstrap and Javascript.
features:
* Navigation Hide and Hover
* Cool animation
* Smooth Zooming
I would say definitely check out out By clicking Live Button.</p>
<ul class="actions">
<li><a href="https://itsmayank0.github.io/FoodCubo/index.html" class="button">See Live Now</a></li>
</ul>
</div>
</div>
</section>
<!--THis 5th grid-->
<section>
<a href="https://itsmayank0.github.io/RentBazaar/index.html" class="image">
<img src="images/RentBaazar.png" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>RentBaazar Front-end Project</h3>
</header>
<p>This is a fully functional Food website front-end powered by HTML5, CSS3, Bootstrap and Javascript.
features:
* Navigation Hide and Hover
* Cool animation
* Smooth Zooming
I would say definitely check out By clicking Live Button.</p>
<ul class="actions">
<li><a href="https://itsmayank0.github.io/RentBazaar/index.html" class="button">See Live Now</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three">
<div class="inner">
<header class="major">
<h2>More Information</h2>
</header>
<p> <i class="fa fa-envelope" aria-hidden="true"> </i> Email Address: <a href="mailto:mayankirar@gmail.com">mayankirar@gmail.com</a><br>
<i class="fa fa-phone" aria-hidden="true"> </i> Phone Number: <a href="tel:+919713725360">+919713725360</a>
</p>
<ul class="actions">
<li><a href="https://drive.google.com/file/d/1PnbDyEVREX_sch-j72HtfQBO_e1idrnr/view" class="button next">See Resume Now</a></li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/mayankkirar0" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/profile.php?id=100009465957617" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/_its.mayank_/?hl=en" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/itsmayank0" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/mayank-dhakad-363921169/" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© Mayank Dhakad</li><li>Design with <i class="fa fa-heart"></i> by Mayank Dhakad</li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>