-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (64 loc) · 4.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
</head>
<body>
<header style="background-color: #333; color: #fff; text-align: center; padding: 20px;">
<h1>Raj Verma</h1>
</header>
<div style="text-align: center; padding: 50px;">
<img style="border-radius: 50%; width: 200px; height: 200px; object-fit: cover; border: 5px solid #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);" src="https://media.licdn.com/dms/image/D5603AQHuMH6tPwIqvw/profile-displayphoto-shrink_400_400/0/1691767203898?e=1698883200&v=beta&t=aylgNeyE6DD64bMRn5eBOy31-eauXGbYmpil8HTeeJw" alt="Profile Photo">
<p style="max-width: 800px; margin: 0 auto; font-size: 18px; line-height: 1.6;">Hello, I'm Raj Verma, a passionate web developer with a keen interest in building user-friendly and visually appealing websites. I have a strong foundation in HTML, CSS, and JavaScript, and I'm continuously expanding my knowledge by learning new technologies and frameworks. My goal is to create seamless and engaging user experiences that leave a lasting impression.</p>
</div>
<div style="text-align: center; background-color: #fff; padding: 50px;">
<h2>My Skills</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: center;">
<div style="background-color: #007bff; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 20px; font-size: 16px;">HTML</div>
<div style="background-color: #007bff; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 20px; font-size: 16px;">CSS</div>
<div style="background-color: #007bff; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 20px; font-size: 16px;">Tailwind</div>
<div style="background-color: #007bff; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 20px; font-size: 16px;">C++</div>
<div style="background-color: #007bff; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 20px; font-size: 16px;">DSA</div>
<!-- Add more skills here -->
</div>
</div>
<div style="text-align: center; padding: 50px;">
<h2>Testimonials</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: center;">
<div style="background-color: #f2f2f2; padding: 20px; margin: 10px; border-radius: 10px; width: 300px;">
<p style="font-size: 18px; font-weight: bold;">Client 1</p>
<p style="font-size: 16px;">"RAJ is an exceptional web developer! He delivered a website for our company that exceeded our expectations. The design and functionality were top-notch. Highly recommend him."</p>
</div>
<div style="background-color: #f2f2f2; padding: 20px; margin: 10px; border-radius: 10px; width: 300px;">
<p style="font-size: 18px; font-weight: bold;">Client 2</p>
<p style="font-size: 16px;">"Working with RAJ was a pleasure. He was very responsive to our needs and implemented changes quickly. We are extremely satisfied with the final product."</p>
</div>
<!-- Add more testimonials here -->
</div>
</div>
<div style="text-align: center; padding: 50px;">
<h2>Blog</h2>
<div style="display: flex; flex-wrap: wrap; justify-content: center;">
<div style="background-color: #f2f2f2; padding: 20px; margin: 10px; border-radius: 10px; width: 300px;">
<h3>Blog Post 1</h3>
<p style="font-size: 16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus non fermentum ex.</p>
</div>
<div style="background-color: #f2f2f2; padding: 20px; margin: 10px; border-radius: 10px; width: 300px;">
<h3>Blog Post 2</h3>
<p style="font-size: 16px;">Nulla facilisi. Integer sit amet nunc a nisl tempus scelerisque.</p>
</div>
<!-- Add more blog posts here -->
</div>
</div>
<div style="text-align: center; padding: 50px;">
<h2>Want to learn more about me?</h2>
<button style="background-color: #333; color: #fff; padding: 15px 30px; font-size: 20px; border: none; border-radius: 30px; cursor: pointer; transition: background-color 0.3s ease;">Get in Touch</button>
</div>
<!-- Add a link to the Resume page -->
<div style="text-align: center; padding: 50px;">
<a href="resume.html" style="text-decoration: none; color: #333; font-size: 18px;">View My Resume</a>
</div>
</body>
</html>