-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
87 lines (80 loc) · 2.56 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Name | Portfolio</title>
<link rel="stylesheet" href="styles1.css">
</head>
<body>
<header>
<h1>Your Name</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="about">
<h2>About Me</h2>
<p>A brief introduction about yourself, your education, and career goals.</p>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="project-container">
<div class="project">
<img src="project1.jpg" alt="Project
1">
<h3>Project Title 1</h3>
<p>Description of Project 1</p>
<a href="project1_link.html">View
Details</a>
</div>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<ul>
<li>Skill 1</li>
<li>Skill 2</li>
</ul>
</section>
<section id="testimonials">
<h2>Testimonials</h2>
<div class="testimonial-container">
<div class="testimonial">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
<p>- John
Doe, Client</p>
</div>
</div>
</section>
<section id="awards">
<h2>Awards and Certifications</h2>
<ul>
<li>Award 1 - Description</li>
<li>Award 2 - Description</li>
<li>Certification 1 - Issuing Organization</li>
<li>Certification 2 - Issuing Organization</li>
</ul>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Your contact information (email, phone number, social media links).</p>
<form>
<input type="text" placeholder="Name" required>
<input type="email" placeholder="Email" required>
<textarea placeholder="Message"></textarea>
<button type="submit">Send</button>
</form>
</section>
<footer>
© Your Name 2023
</footer>
</body>
</html>