Skip to content

Commit 2756457

Browse files
mrcdctrmrcdctr
committed
Commit
1 parent b84a0cb commit 2756457

2 files changed

Lines changed: 83 additions & 71 deletions

File tree

assets/images/ID COVER.png renamed to assets/images/favicon.png

File renamed without changes.

‎index.html‎

Lines changed: 83 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,59 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1.0">
67
<meta name="description" content="Portfolio of Marco Doctor, an aspiring web developer showcasing projects and skills.">
7-
<meta name="keywords" content="Marco Doctor, portfolio, web developer">
8-
<title>Marco Doctor - Portfolio</title>
8+
<meta name="keywords" content="Marco Doctor, portfolio, web developer, data projects, AI projects, Python projects">
9+
<meta name="author" content="Marco Doctor">
10+
<title>Marco Doctor - Portfolio</title>
911
<link rel="stylesheet" href="assets/css/styles.css">
10-
12+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
13+
integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
14+
crossorigin="anonymous" referrerpolicy="no-referrer" />
15+
<link rel="icon" type="image/png" href="assets/images/favicon.png">
1116
</head>
12-
<body>
1317

14-
<!-- Navigation -->
18+
<body>
19+
<!-- Navigation Bar -->
1520
<nav>
16-
<div>Marco Doctor</div>
17-
<button class="menu-toggle">☰</button>
21+
<div class="logo">Marco Doctor</div>
22+
<button class="menu-toggle" aria-label="Toggle Menu">☰</button>
1823
<div class="nav-links">
1924
<a href="#about">About</a>
20-
<a href="#projects">Projects</a>
25+
<a href="#projects">Web Projects</a>
26+
<a href="#data-ai-projects">Data & AI Projects</a>
2127
<a href="#python-projects">Python Projects</a>
2228
<a href="#contact">Contact</a>
2329
</div>
24-
<button id="dark-mode-toggle" class="dark-mode-toggle">Toggle Dark Mode</button>
30+
<button id="dark-mode-toggle" class="dark-mode-toggle" aria-label="Toggle Dark Mode">🌙</button>
2531
</nav>
2632

2733
<!-- Hero Section -->
2834
<section class="hero">
29-
<img src="assets/images/ID COVER.png" alt="Marco Doctor">
35+
<img src="assets/images/favicon.png" alt="Marco Doctor" class="hero-image">
3036
<h1>Marco Doctor</h1>
3137
<p>Web Developer passionate about creating interactive and user-friendly applications.</p>
3238
<div class="social-links">
33-
<a href="https://github.com/mrcdctr" target="_blank"><i class="fab fa-github"></i></a>
34-
<a href="https://www.linkedin.com/in/mrcdctr/" target="_blank"><i class="fab fa-linkedin"></i></a>
35-
</div>
39+
<a href="https://github.com/mrcdctr" target="_blank" aria-label="GitHub"><i class="fab fa-github"></i></a>
40+
<a href="https://www.linkedin.com/in/mrcdctr/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
41+
</div>
3642
</section>
3743

38-
<!-- About Me Section -->
44+
<!-- About Section -->
3945
<section id="about">
4046
<h2>About Me</h2>
4147
<p>
42-
Hi! I'm Marco Doctor, an aspiring Web Developer passionate about building user-friendly and interactive web applications.
43-
I enjoy solving problems, crafting clean designs, and developing efficient backend systems.
44-
My portfolio reflects my dedication to continuous learning and professional growth.
48+
Hi! I'm Marco Doctor, an aspiring Web Developer passionate about building user-friendly and interactive web
49+
applications. I enjoy solving problems, crafting clean designs, and developing efficient backend systems.
50+
My portfolio reflects my dedication to continuous learning and professional growth. I'm eager to collaborate
51+
on exciting projects and contribute to innovative solutions.
4552
</p>
53+
<p><strong>Skills:</strong> HTML, CSS, JavaScript, Python, Streamlit, React, Node.js, SQL, Git, and more.</p>
4654
</section>
4755

48-
<!-- Web Development Projects -->
56+
<!-- Web Development Projects Section -->
4957
<section id="projects">
5058
<h2>Web Development Projects</h2>
5159
<div class="projects">
@@ -67,21 +75,20 @@ <h3>Chat Application 💬</h3>
6775
</div>
6876
</section>
6977

70-
<section id="projects">
78+
<!-- Data & AI Projects Section -->
79+
<section id="data-ai-projects">
7180
<h2>Data & AI Projects</h2>
7281
<div class="projects">
7382
<div class="project-card">
7483
<h3>GDP Dashboard 📊</h3>
7584
<p>Interactive GDP visualization using Streamlit.</p>
7685
<a href="https://gdp-dashboard-44b0eke58uz.streamlit.app/" target="_blank" class="btn btn-primary">Live Demo</a>
7786
</div>
78-
7987
<div class="project-card">
8088
<h3>Movie Dataset 🎬</h3>
8189
<p>A web application for analyzing movie datasets.</p>
8290
<a href="https://movies-dataset-prn370gvp8.streamlit.app/" target="_blank" class="btn btn-primary">Live Demo</a>
8391
</div>
84-
8592
<div class="project-card">
8693
<h3>AI Chatbot 🤖</h3>
8794
<p>Conversational AI chatbot using LLM.</p>
@@ -90,66 +97,71 @@ <h3>AI Chatbot 🤖</h3>
9097
</div>
9198
</section>
9299

93-
<!-- Python Projects Section -->
94-
<section id="python-projects">
95-
<h2>Python Projects</h2>
96-
<p>Here are some of the Python projects I've worked on:</p>
97-
<div class="projects">
98-
<div class="project-card">
99-
<h3>Python Cheat Sheet</h3>
100-
<p>A curated collection of Python syntax, tips, and examples for quick reference.</p>
101-
<a href="https://github.com/mrcdctr/python-cheat-sheet" class="btn btn-primary"target="_blank">View on GitHub</a>
102-
</div>
103-
<div class="project-card">
104-
<h3>Python Developer Course</h3>
105-
<p>Resources and projects created while taking a Python developer course.</p>
106-
<a href="https://github.com/mrcdctr/python-developer-course" class="btn btn-primary"target="_blank">View on GitHub</a>
107-
</div>
108-
<div class="project-card">
109-
<h3>Meme Generator</h3>
110-
<p>A Python application for generating memes with custom captions.</p>
111-
<a href="https://github.com/mrcdctr/meme-generator" class="btn btn-primary"target="_blank">View on GitHub</a>
112-
</div>
113-
<div class="project-card">
114-
<h3>Web Scraping App</h3>
115-
<p>A tool for scraping and analyzing data from websites using Python.</p>
116-
<a href="https://github.com/mrcdctr/web-scraping-app" class="btn btn-primary"target="_blank">View on GitHub</a>
117-
</div>
118-
<div class="project-card">
119-
<h3>Password Vault</h3>
120-
<p>A secure password management application built with Python.</p>
121-
<a href="https://github.com/mrcdctr/password-vault" class="btn btn-primary"target="_blank">View on GitHub</a>
122-
</div>
123-
<div class="project-card">
124-
<h3>Weather Notification System</h3>
125-
<p>This Python application fetches weather forecasts from the OpenWeatherMap API
126-
and sends notifications about significant weather conditions (rain, snow, extreme heat)
127-
via Twilio SMS. It also logs notifications to a text file for later reference.
128-
The script is highly customizable and allows users to input their location and desired forecast duration.
129-
</p>
130-
<a href="https://github.com/mrcdctr/weather-notification-system" class="btn btn-primary"target="_blank">View on GitHub</a>
100+
<!-- Python Projects Section -->
101+
<section id="python-projects">
102+
<h2>Python Projects</h2>
103+
<p>Here are some of the Python projects I've worked on:</p>
104+
<div class="projects">
105+
<div class="project-card">
106+
<h3>Python Cheat Sheet</h3>
107+
<p>A curated collection of Python syntax, tips, and examples for quick reference.</p>
108+
<a href="https://github.com/mrcdctr/python-cheat-sheet" class="btn btn-primary"target="_blank">View on GitHub</a>
109+
</div>
110+
<div class="project-card">
111+
<h3>Python Developer Course</h3>
112+
<p>Resources and projects created while taking a Python developer course.</p>
113+
<a href="https://github.com/mrcdctr/python-developer-course" class="btn btn-primary"target="_blank">View on GitHub</a>
114+
</div>
115+
<div class="project-card">
116+
<h3>Meme Generator</h3>
117+
<p>A Python application for generating memes with custom captions.</p>
118+
<a href="https://github.com/mrcdctr/meme-generator" class="btn btn-primary"target="_blank">View on GitHub</a>
119+
</div>
120+
<div class="project-card">
121+
<h3>Web Scraping App</h3>
122+
<p>A tool for scraping and analyzing data from websites using Python.</p>
123+
<a href="https://github.com/mrcdctr/web-scraping-app" class="btn btn-primary"target="_blank">View on GitHub</a>
124+
</div>
125+
<div class="project-card">
126+
<h3>Password Vault</h3>
127+
<p>A secure password management application built with Python.</p>
128+
<a href="https://github.com/mrcdctr/password-vault" class="btn btn-primary"target="_blank">View on GitHub</a>
129+
</div>
130+
<div class="project-card">
131+
<h3>Weather Notification System</h3>
132+
<p>This Python application fetches weather forecasts from the OpenWeatherMap API
133+
and sends notifications about significant weather conditions (rain, snow, extreme heat)
134+
via Twilio SMS. It also logs notifications to a text file for later reference.
135+
The script is highly customizable and allows users to input their location and desired forecast duration.
136+
</p>
137+
<a href="https://github.com/mrcdctr/weather-notification-system" class="btn btn-primary"target="_blank">View on GitHub</a>
138+
</div>
131139
</div>
132-
</div>
133-
</section>
134140

135-
<!-- Contact -->
141+
<!-- Contact Section -->
136142
<section id="contact">
137143
<h2>Contact Me</h2>
138144
<form action="https://formspree.io/f/xvgzaeny" method="POST">
139-
<label>Name:</label>
140-
<input type="text" name="name" required>
141-
<label>Email:</label>
142-
<input type="email" name="email" required>
143-
<label>Message:</label>
144-
<textarea name="message" rows="5" required></textarea>
145+
<label for="name">Name:</label>
146+
<input type="text" id="name" name="name" required>
147+
148+
<label for="email">Email:</label>
149+
<input type="email" id="email" name="email" required>
150+
151+
<label for="message">Message:</label>
152+
<textarea id="message" name="message" rows="5" required></textarea>
153+
145154
<button type="submit">Send</button>
146155
</form>
147156
</section>
148157

158+
<!-- Footer -->
149159
<footer>
150-
&copy; 2025 Marco Doctor. All Rights Reserved.
160+
&copy; 2025 Marco Doctor. All Rights Reserved.
151161
</footer>
152-
<!-- Scripts -->
162+
163+
<!-- Scripts -->
153164
<script src="script.js"></script>
154165
</body>
155-
</html>
166+
167+
</html>

0 commit comments

Comments
 (0)