-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
70 lines (70 loc) · 3.99 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="styles.css">
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body>
<header class="container">
<nav>
<a href="index.html"><i data-feather="home"></i> Home</a>
<div>
<ul style="display: flex; list-style: none; padding: 0; margin: 0;">
<li style="margin-right: 1rem;"><a href="about.html"><i data-feather="user"></i> About</a></li>
<li style="margin-right: 1rem;"><a href="blog.html"><i data-feather="book-open"></i> Blog</a></li>
<li style="margin-right: 1rem;"><a href="projects.html"><i data-feather="folder"></i> Projects</a></li>
</ul>
<select class="theme-selector">
<option value="light">Light</option>
<option value="dark">Dark</option>
</select>
</div>
</nav>
</header>
<main class="container">
<h1>About</h1>
<img src="https://images.unsplash.com/photo-1535713875002-ce1a88917a3c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8dXNlcnxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" alt="Profile Picture" style="border-radius: 50%; margin-bottom: 1rem;">
<p>Hello! I'm a passionate software engineer with a love for creating innovative and user-friendly applications. I have a strong background in full-stack development and enjoy tackling challenging problems.</p>
<section>
<h2>Skills</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 1rem;">
<div style="text-align: center;"><img src="https://placehold.co/50" alt="JavaScript Logo" style="display: block; margin: 0 auto;">JavaScript</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="Python Logo" style="display: block; margin: 0 auto;">Python</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="Java Logo" style="display: block; margin: 0 auto;">Java</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="SQL Logo" style="display: block; margin: 0 auto;">SQL</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="NoSQL Logo" style="display: block; margin: 0 auto;">NoSQL</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="AWS Logo" style="display: block; margin: 0 auto;">AWS</div>
<div style="text-align: center;"><img src="https://placehold.co/50" alt="Azure Logo" style="display: block; margin: 0 auto;">Azure</div>
</div>
</section>
<section>
<h2>Work Experience</h2>
<p>Here's a brief overview of my work experience:</p>
<ul>
<li><strong>Software Engineer</strong> - Tech Company A (2020-Present)
<ul>
<li>Developed and maintained web applications using React and Node.js.</li>
<li>Collaborated with cross-functional teams to deliver high-quality software.</li>
</ul>
</li>
<li><strong>Web Developer</strong> - Startup B (2018-2020)
<ul>
<li>Built and deployed web applications using Python and Django.</li>
<li>Worked closely with designers to create user-friendly interfaces.</li>
</ul>
</li>
</ul>
</section>
</main>
<footer class="container">
<p>© 2023 My Developer Profile</p>
</footer>
<script src="script.js"></script>
<script>
feather.replace()
</script>
</body>
</html>