Example
Example
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
<title>Jane Doe | Full Stack Web Developer</title>
7
</head>
8
<body>
9
10
<header>
11
<h1>Jane Doe</h1>
12
<p>Junior Full Stack Web Developer • Nextsem Academy Graduate</p>
13
<nav>
14
<ul>
15
<li><a href="#about">About</a></li>
16
<li><a href="#skills">Skills</a></li>
17
<li><a href="#projects">Projects</a></li>
18
<li><a href="#contact">Contact</a></li>
19
</ul>
20
</nav>
21
</header>
22
23
<main>
24
<section id="about">
25
<h2>About Me</h2>
26
<p>I build fast, accessible, and standards-compliant web applications using pure HTML5 and modern developer workflows.</p>
27
</section>
28
29
<section id="skills">
30
<h2>Technical Skills</h2>
31
<ul>
32
<li>HTML5 Semantic Architecture</li>
33
<li>Windows 11 Command Prompt (cmd.exe)</li>
34
<li>Git Version Control</li>
35
</ul>
36
</section>
37
38
<section id="contact">
39
<h2>Contact Me</h2>
40
<form action="/send-message" method="post">
41
<p>
42
<label for="cname">Your Name:</label><br>
43
<input type="text" id="cname" name="name" required>
44
</p>
45
<p>
46
<label for="cemail">Your Email:</label><br>
47
<input type="email" id="cemail" name="email" required>
48
</p>
49
<p>
50
<label for="cmsg">Message:</label><br>
51
<textarea id="cmsg" name="message" rows="4" cols="40" required></textarea>
52
</p>
53
<button type="submit">Send Message</button>
54
</form>
55
</section>
56
</main>
57
58
<footer>
59
<p>© 2026 Jane Doe. Built with Nextsem Academy Curriculum.</p>
60
</footer>
61
62
</body>
63
</html>