-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
218 lines (149 loc) · 8.99 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
<!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>Mohit Vijay</title>
<!-- HTML -->
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<!-- Custom Styles -->
<link rel="stylesheet" href="app.css">
<meta name="description" content="Iam Mohit Vijay from India Work For Web Page And side Devloapment and create using a Javascript , React, Html ,css Beutifule layout desine">
<meta name="keywords" content="Mohit,Mohit Vijay,Mohit Vijay Dausa">
<link rel="icon" href="img/3.jpg">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<section class="main cantainer-fluid bg-[#fff] border-b-2 inner-center w-[100%] mx-auto fixed z-10" id="main bordet-bottom-1 border-[#eee]">
<header class="cantainer flex justify-between p-3 mx-auto ">
<div class="logo">
<h1 class="text-2xl font-[800] text-[#3F6C4B]">mohit.</h1>
</div>
<nav id="sidemenu" class="nav flex pt-4 gap-5 text-[1.2rem]">
<ion-icon name="chevron-forward-outline" class="close sm:hidden" ></ion-icon>
<a href="#home" class="a text-green-500">home</a>
<a href="#about" class="a">about</a>
<a href="#work" class="a">work</a>
<a href="#project" class="a">project</a>
<a href="#contact" class="a">contact</a>
</nav>
<ion-icon name="menu-outline" class ="menu flex justify-end block sm:hidden" ></ion-icon>
</header>
</section>
<section class="home cantainer-fluid home mb-5 mx-auto" id="home">
<div class="main-home cantainer grid grid-cols-[0.19fr_1fr_1fr] gap-2 mx-auto">
<div class="links gap-5 grid text-4xl">
<a href="https://www.linkedin.com/in/mohit-vijay-2ab470243?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><ion-icon name="logo-linkedin"></ion-icon></a>
<a href="https://github.com/mohitsuper"><ion-icon name="logo-github"></ion-icon></a>
</div>
<div class="item-2 col-span-full sm:col-span-1 text-4xl lh-3 font-[600] gap-4">
<h1 class="home__title leading-[3.5rem]">Hi,<br>I'am <span class="home__title-color">Mohit</span><br> Web Designer</h1>
<a href="img/mohit.pdf" download="mohit.pdf" class=" btn bg-green-700 w-[30%] p-3 rounded text-[#eee] text-[1.4rem]">Resume</a>
</div>
<div class="item-3 home-img ">
<img src="img/3.jpg" alt="">
</div>
</div>
</section>
<section class="about cantainer-fluid mx-auto mt-5" id="about">
<div class="row cantainer mx-auto grid sm:grid-cols-2 grid-cols-1 gap-[2rem] mt-2">
<div class="img">
<img src="img/about.jpg" alt="">
</div>
<div class="cap text-2xl gap-3 flex justify-center flex-col">
<h1 class="sub-heading font-bold text-4xl">about</h1>
<p>hii every one my name mohit vijay form india this time bca fisrt yers complent with 69.0% til then created 2 e-commers wedside and 6 profile and 1 wedpage but aswini kumar my life best project proper nolagede html , css and js other then c/c++</p>
</div>
</div>
</section>
<section class="mywork cantainer-fluid my-4 mx-auto" id="work">
<h1 class="heading text-center text-[2rem] font-bold my-2">My Services</h1>
<div class="cantainer mx-auto grid xl:grid-cols-5 sm:grid-cols-4 grid-cols-2 gap-4 text-center">
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300 p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-html5" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">html 5</h2>
<p class="text-left text-[.8rem]">html sre use created app and webside layout and sturched tis more esay and iam profile for lanangue 2.5 years as projects</p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-css3" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">css 3 </h2>
<p class="text-left text-[.8rem]">css 3 all about fetcer to know as animaton creation and desing css grid layout and flexbox etc. my allowed fereated lanangue css & sccs the most use css side link is blow </p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-javascript" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">javascript devloper</h2>
<p class="text-left text-[.8rem]">javascript are most use every weside and app its help logic and most caluation embed most easy use webside desing. </p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-google" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">google seo </h2>
<p class="text-left text-[.8rem]">the goole seo use are webpade &webside to ranking its are created all the wedside goole rank first position as aswini kumar named webside blow is link </p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-python" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">python and c/c++</h2>
<p class="text-left text-[.8rem]">this langues basic langues its Proper Nolagede as if-else , loop, array and basic most c++ most fevereat lanuage </p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-wordpress" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">wordpress </h2>
<p class="text-left text-[.8rem]">the wordpress are use no tech background proson its wordpress cread onliny one project but know all about the wordpress.</p>
</div>
<div class="service-list p-2 rounded pt-3 shadow hover:shadow-green-300">
<ion-icon name="logo-github" class="text-4xl text-center animate-bounce"></ion-icon>
<h2 class="text-2xl font-bold">github projects</h2>
<p class="text-left text-[.8rem]">github are use to deployare project is free hoster till then github everday active and 25+ project to hosest link is a bio</p>
</div>
</div>
</section>
<section class="projects cantainer-fluid my-5 mx-auto" id="project">
<h1 class="heading text-center text-[2rem] font-bold my-2">best projects</h1>
<div class="project-main cantainer max-w-[500px] grid grid-cols-2 mx-auto gap-4 ">
<div class="project-box shadow p-3 w-[100%] hover:shadow-green-300 gap-1 ">
<div class="img w-[100%] h-[7.5rem]">
<img src="img/logo/2.png" class="img-fluid w-[100%]" alt="">
</div>
<div class="text-box">
<h1 class="sub-heading text-[1.2rem] font-[600]">kiyakya</h1>
<p class="text-left text-[1rem]">kiykya is e-commerce webside its create simple YouTube tutorials use its full working </p>
<a href="https://kiyakya.netlify.app/" class="button text-[#666]">click here</a>
</div>
</div>
<div class="project-box shadow p-3 hover:shadow-green-300 gap-1">
<div class="img w-[100%] h-[7.5rem]">
<img src="img/logo/1.jpg" class="img-fluid w-[100%] h-[100%] " alt="">
</div>
<div class="text-box">
<h1 class="sub-heading text-[1.2rem] font-[600]">aswini kumar </h1>
<p class="text-left text-[1rem]">e-commerce webside sale cloths, yoga products</p>
<a href="https://aswinikumar.netlify.app" class="button">click here</a>
</div>
</div>
</div>
</div>
</section>
<section class="contact mx-auto cantainer-fluid" id="contact">
<h1 class="heading text-center text-[2rem] font-bold my-2">Contact</h1>
<div class="c-text flex flex-col gap-4 ">
<div class="c-row flex gap-3 flex-row">
<ion-icon name="mail-outline" class="text-[1.4rem]"></ion-icon>
<h3 class="font-semibold">vijaymohit265@gmail.com</h3>
</div>
<div class="c-row flex gap-3 flex-row">
<ion-icon name="call-outline" class="text-[1.4rem]"></ion-icon>
<h3 class="font-semibold">7374829664</h3>
</div>
<div class="c-row flex gap-3 flex-row text-4xl">
<a href="https://www.linkedin.com/in/mohit-vijay-2ab470243?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><ion-icon name="logo-linkedin"></ion-icon></a>
<a href="https://github.com/mohitsuper"><ion-icon name="logo-github"></ion-icon></a>
</div>
</div>
</section>
<footer class="text-center p-5 bg-[#fff] shadow mt-5">
<h4>@copyright by <span>mr mohit vijay</span> web developer</h4>
</footer>
<script src="main.js"></script>
</body>
</html>