-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (204 loc) · 10.6 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio</title>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="swiper-bundlemin.css">
<script src="https://kit.fontawesome.com/451b2ec1a8.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="header">
<a href="#" class="logo">Portfolio</a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="#home" id="default" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#portfolio">Portfolio</a>
<a href="#contact">Contact</a>
</div>
<span id="tyles" style="font-size:20px;cursor:pointer" onclick="openNav()">☰</span>
</div>
<section class="home" id="home">
<div class="home-content">
<h3>Hello, It's Me</h3>
<h1>Sanidhya Singh</h1>
<h3>And i'm a <span class="typewriter"></span></h3>
<p><br>I'm a Developer and UI/UX designer. I have many years of experience in this<br>industry.
I love Minimal and Old Asthetic designs.I used to travel a lot<br>and love to capture memories.
</p>
<div class="social">
<div class="in">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
<div class="fb">
<a href="#"><i class="fa-brands fa-facebook"></i></a>
</div>
<div class="tw">
<a href="#"><i class="fa-brands fa-twitter"></i></a>
</div>
<div class="ln">
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
<a href="#" class="btn">Download CV</a>
</div>
<section class="about" id="about">
<h1>ABOUT ME</h1>
<h2>Know Me More</h2>
<br><br><br><br><br><br><br>
<h3>I'm <span class="name">Sanidhya Singh,</span> a Web Developer</h3>
<p>I help you build brand for your business at an affordable price. Thousands of clients<br>
have procured exceptional results while working with our dedicated teams. When an<br>
unknown printer took a galery of type and scrambled it to make a specimen book.<br><br>
Delivering work within time and budget which meets client's requirements is our moto.<br>
Lorem Ipsum has been the industry standards dummy text ever when an unknown<br>
printer took a galery.
</p><br><br><br><br><br><br>
<h4><span class="det">Name:</span> Sanidhya Singh</h4>
<h5></h5>
<h4><span class="det">Email:</span> <span class="mail">[email protected]</span></h4>
<h5></h5>
<h4><span class="det">Age:</span> 21</h4>
<h5></h5>
<h4><span class="det">From:</span> Delhi, India</h4>
<a href="#" class="btn">Download CV</a>
</section>
<section class="services" id="services">
<h1>SERVICES</h1>
<h2>What I Do?</h2>
<div class="row">
<div class="column">
<i class="fa-solid fa-palette"></i>
<h3>Graphics Design</h3>
<p>Graphic design combines art
and technology. Graphic designers use a variety of design elements and techniques
to create distinctive visuals for clients and companies.
</p><br>
<i class="fa-solid fa-pen-ruler"></i>
<h3>UI/UX Design</h3>
<p>
A UX/UI designer combines these two areas by carrying out user research first,
and then implementing the findings in the visual design in the form of mockups,
wireframes, and prototypes.
</p><br>
<i class="fa-solid fa-chart-area"></i>
<h3>Business Analysis</h3>
<p>
A business analyst is a person who analyses the existing products, services and systems
of a company and presents them with a clear picture
of its business operations. They also advise the company on how to improve efficiency
and boost revenues.
</p>
</div>
<div class="columns">
<i class="fa-solid fa-desktop"></i>
<h3>Web Design</h3>
<p>
A web designer creates the visual elements of a website,<br>including the layout, color
scheme,
typography, and graphics.<br>They use design software such as Adobe Photoshop and<br>
Sketch to create mockups of website designs.
</p><br>
<i class="fa-solid fa-paintbrush"></i>
<h3>App Design & Develop</h3>
<p>
An app designer is a professional responsible for designing<br>the overall look and feel
of an application. This includes creating<br>the user interface, choosing color schemes,
and selecting fonts.<br>They work closely with developers to ensure that the design<br>is
both
visually appealing and functional.
</p><br>
<i class="fa-solid fa-bullhorn"></i>
<h3>SEO Marketing</h3>
<p>
SEO stands for Search Engine Optimization and is a<br>marketing technique focused on
optimizing your website to<br>get it to rank as one of the top results on search engine<br>
results pages. Through a number of tactics and tools, you can organize your website in a way
that search engines understand<br>and choose to show to their users.
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<h1>PORTFOLIO</h1>
<h2>My Work</h2>
<button id="pro" class="rich active" onclick="all()">all</button>
<button class="rich" onclick="design()">design</button>
<button class="rich" onclick="brand()">brand</button>
<button class="rich" onclick="photos()">photos</button>
<div class="row">
<div class="column">
<a href="#"><img src="img/1.jpg"></a>
<a href="#"><img src="img/2.jpg"></a>
<a href="#"><img src="img/3.jpg"></a>
</div>
<div class="column">
<a href="#"><img src="img/5.jpg"></a>
<a href="#"><img src="img/6.jpg"></a>
<a href="#"><img src="img/4.jpg"></a>
</div>
</div>
</section>
<section class="contact" id="contact">
<h1>CONTACT</h1>
<h2>Get in Touch</h2>
<div class="row">
<div class="column1">
<h3>ADDRESS</h3>
<p>4th Floor,Plot No 22,<br>
145 Murphy Canyon Rd.<br>
San Diego CA 2028
</p>
<i id="i1" class="fa-solid fa-phone"></i>
<p id="num" class="number">
(91+) 8851510388
</p><br>
<i id="i2" class="fa-solid fa-tty"></i>
<p class="number">
(91+) 9205759622
</p><br>
<i id="i3" class="fa-solid fa-envelope"></i>
<p class="number">
</p>
<h3 id="follow">FOLLOW ME</h3>
<div class="flow">
<i id="flow1" class="fa-solid fa-globe spook"></i>
<i class="fa-brands fa-google spook"></i>
<i class="fa-brands fa-facebook spook"></i>
<i class="fa-brands fa-instagram spook"></i>
<i class="fa-brands fa-linkedin spook"></i>
</div>
</div>
<div class="column2">
<h3>SEND US A NOTE</h3>
<div class="input-field">
<input type="text" placeholder="Name" class="input">
<input type="text" placeholder="E-mail" class="input">
<input type="text" placeholder="Tell us more about your needs" class="input1">
</div>
<a href="#" class="btn">Send Message</a>
</div>
</div>
</section>
<footer>
<h1>Copyright @ 2023 <span>sanidhya</span>. All Rights
Reserved.</h1>
</h1>
<h1>Terms & Policy <span class="baam">|</span> Disclaimer</h1>
</footer>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
<script src="swiper-bundlemin.js"></script>
<script src="script.js"></script>
</body>
</html>