-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (189 loc) · 11.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sagar's Website</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section>
<div class="headercarousel">
<div id="myCarousel" class="carousel slide mb-6" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active mt-3">
<img class="bd-placeholder-img" src="./assert/images/headerimg1.png" alt="carousel image 1">
<div class="container mt-5">
<div class="carousel-caption text-start ">
<h1 class="carouselh1">I'm Sagar</h1>
<p class="opacity-100">A full-stack developer</p>
<p><a class="btn btn-sm btn-success" href="#aboutsection">About Us</a></p>
</div>
</div>
</div>
<div class="carousel-item mt-3">
<img class="bd-placeholder-img" src="./assert/images/headerimg2.png" alt="carousel image 2">
<div class="container mt-5">
<div class="carousel-caption">
<h1 class="carouselh1">Skill & <br/>Experience</h1>
<ul class="skillex opacity-100">
<li>HTML/CSS</li>
<li>JavaScript</li>
<p class="mt-2"><a class="btn btn-sm btn-info" href="#skillandexp">Show more</a></p>
</div>
</div>
</div>
<div class="carousel-item mt-3">
<img class="bd-placeholder-img" src="./assert/images/headerimg3.png" alt="carousel image 3">
<div class="container mt-5">
<div class="carousel-caption text-end mb-2">
<h1 class="carouselh1 ">My Portfolio's</h1>
<p class="opacity-100">a list of my previous projects or a webpage detailing my experience as a full stack developer.</p>
<p><a class="btn btn-sm btn-info" href="#portfoliosection">Browse Portfolio</a></p>
</div>
</div>
</div>
<div class="carousel-item mt-3">
<img class="bd-placeholder-img" src="./assert/images/headerimg4.png" alt="carousel image 4">
<div class="container mt-5">
<div class="carousel-caption text-end">
<h1 class="carouselh1">Contact Us</h1>
<p class="opacity-100">For quicker support</p>
<p><a class="btn btn-sm btn-success" href="#contactsection">Contact Us</a></p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</section>
<section id="aboutsection">
<div class="px-4 py-5 my-5 text-center">
<img class="d-block mx-auto mb-4 mypic" src="./assert/images/mypic.jpeg" alt="my picture" width="200" height="200">
<h1 class="abouth1 display-5 fw-bold mb-4">Sagar Patel</h1>
<h2 class="abouth2">A full-stack developer</h2>
<div class="col-lg-6 mx-auto">
<p class="lead mb-2 aboutp">Outside the world of coding, I am an avid problem solver with a keen interest in staying updated with the latest industry trends and technological advancements. I am driven by a constant desire to learn, innovate, and adapt to new challenges in the ever-evolving landscape of technology.
Feel free to get in touch for collaboration or to discuss how I can contribute to your next digital endeavor!</p>
</div>
</div>
</section>
<section id="skillandexp">
<div class="mt-2 text-center">
<div class="p-5 text-center bg-body-tertiary">
<div class="container text-center">
<h1 class="seh1 text-center">Skill & Experience</h1>
<h2 class="seh2 mt-5 ps-5">Education</h2>
<ul class=" opacity-100 ps-5">
<li class="seli ">Msc.IT 2014</li>
</ul>
<h2 class="seh2 ps-5">Skill</h2>
<ul class="opacity-100 ps-5">
<li class="seli">Master In Web Development</li>
<li class="seli">Master in mobile app developer native and hybrid</li>
<li class="seli">Good knowledge HTML, CSS, JS, React, Angular, Flutter, Swift, Kotlin </li>
</ul>
<h2 class="seh2 ps-5">Work Experience</h2>
<ul class="opacity-100 ps-5">
<li class="seli">Mobile App & Web Development - Atharva Inifinity (January 2015 to 2024)</li>
<li class="seli">Developer Mobile App As Per Client Requirement</li>
<li class="seli">Develop Web Site & Api</li>
<li class="seli">Resove Major Bugs And Hangle Multiple Projects</li>
</ul>
</div>
</div>
</div>
</section>
<section id="portfoliosection" class="py-2 text-center container">
<div class="row py-lg-5">
<div class="col-lg-6 col-md-8 mx-auto">
<h1 class="fw-light carouselh1">Portfolio</h1>
<p class="aboutp lead">A list of my previous projects or a webpage detailing my experience as a full stack developer.</p>
</div>
</div>
</section>
<div class="album bg-body-tertiary pb-1">
<div class="container mb-2">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img p-2" width="100%" src="https://is1-ssl.mzstatic.com/image/thumb/Purple126/v4/79/f6/f0/79f6f0fe-3151-592b-a427-e9dd048a0e5c/AppIcon-0-0-1x_U007emarketing-0-10-0-0-85-220.png/230x0w.webp" alt="app icon"></img>
<div class="card-body">
<p class="card-text ">Experience the magic of the holiday season with Christmas Sliding Puzzles! This family-friendly game is perfect for both, offering a merry challenge and festive spirit.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a type="button" target="_blank" class="btn btn-sm btn-outline-secondary" href="https://apps.apple.com/us/app/merry-christmas-sliding-puzzle/id6466581426">View</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img p-2" width="100%" src="https://is1-ssl.mzstatic.com/image/thumb/Purple116/v4/65/48/dd/6548dd1b-e40b-ddd4-4345-afa6273de852/AppIcon-0-0-1x_U007emarketing-0-0-0-10-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/230x0w.webp" alt="app icon"></img>
<div class="card-body">
<p class="card-text">Enter a world of enchanting bedtime tales with "Sleepy : Bedtime Stories & Fairy Tales" Make bedtime the most delightful part of the day with a collection of stories.</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a type="button" target="_blank" class="btn btn-sm btn-outline-secondary" href="https://apps.apple.com/us/app/sleepy-bedtime-stories/id6461084590">View</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top p-2" width="100%" src="https://play-lh.googleusercontent.com/Qkk_pamWiWgzlh6K7v16dPzZOX7BGX5UViGbFj-0CI0RD_YLGzjthy0KhQQm-n0Jmg=w240-h480-rw" alt="app icon"></img>
<div class="card-body">
<p class="card-text">🎄🎅 Animated Merry Christmas Stickers for WhatsApp 🎅🎄</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<a type="button" target="_blank" href="https://play.google.com/store/apps/details?id=com.aisxmaswisheswastickers.merrychristmasstickersforwhatsapp" class="btn btn-sm btn-outline-secondary">View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="contactsection">
<div class="container my-5">
<div class="p-5 text-center bg-body-tertiary rounded-3">
<h1 class="text-body-emphasis">Contact Us</h1>
<li>Tel: +91 9099300030</li>
<li>Email: [email protected]</li>
<li>Rajkot, Gujarat, India</li>
</div>
</div>
</section>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<span class="mb-3 mb-md-0 text-body-secondary">© 2023 Atharva, Inc</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
<li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
<li class="ms-3"><a class="text-body-secondary" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
</ul>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>