Skip to content

Commit

Permalink
Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@mrcdctr
mrcdctr committed Feb 10, 2025
1 parent b84a0cb commit 2756457
Show file tree
Hide file tree
Showing 2 changed files with 83 additions and 71 deletions.
0 assets/images/ID COVER.png → assets/images/favicon.png
View file
File renamed without changes
154 changes: 83 additions & 71 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,51 +1,59 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Portfolio of Marco Doctor, an aspiring web developer showcasing projects and skills.">
<meta name="keywords" content="Marco Doctor, portfolio, web developer">
<title>Marco Doctor - Portfolio</title>
<meta name="keywords" content="Marco Doctor, portfolio, web developer, data projects, AI projects, Python projects">
<meta name="author" content="Marco Doctor">
<title>Marco Doctor - Portfolio</title>
<link rel="stylesheet" href="assets/css/styles.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="icon" type="image/png" href="assets/images/favicon.png">
</head>
<body>

<!-- Navigation -->
<body>
<!-- Navigation Bar -->
<nav>
<div>Marco Doctor</div>
<button class="menu-toggle">☰</button>
<div class="logo">Marco Doctor</div>
<button class="menu-toggle" aria-label="Toggle Menu">☰</button>
<div class="nav-links">
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#projects">Web Projects</a>
<a href="#data-ai-projects">Data & AI Projects</a>
<a href="#python-projects">Python Projects</a>
<a href="#contact">Contact</a>
</div>
<button id="dark-mode-toggle" class="dark-mode-toggle">Toggle Dark Mode</button>
<button id="dark-mode-toggle" class="dark-mode-toggle" aria-label="Toggle Dark Mode">🌙</button>
</nav>

<!-- Hero Section -->
<section class="hero">
<img src="assets/images/ID COVER.png" alt="Marco Doctor">
<img src="assets/images/favicon.png" alt="Marco Doctor" class="hero-image">
<h1>Marco Doctor</h1>
<p>Web Developer passionate about creating interactive and user-friendly applications.</p>
<div class="social-links">
<a href="https://github.com/mrcdctr" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/mrcdctr/" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
<a href="https://github.com/mrcdctr" target="_blank" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/mrcdctr/" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>
</section>

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

<!-- Web Development Projects -->
<!-- Web Development Projects Section -->
<section id="projects">
<h2>Web Development Projects</h2>
<div class="projects">
Expand All @@ -67,21 +75,20 @@ <h3>Chat Application 💬</h3>
</div>
</section>

<section id="projects">
<!-- Data & AI Projects Section -->
<section id="data-ai-projects">
<h2>Data & AI Projects</h2>
<div class="projects">
<div class="project-card">
<h3>GDP Dashboard 📊</h3>
<p>Interactive GDP visualization using Streamlit.</p>
<a href="https://gdp-dashboard-44b0eke58uz.streamlit.app/" target="_blank" class="btn btn-primary">Live Demo</a>
</div>

<div class="project-card">
<h3>Movie Dataset 🎬</h3>
<p>A web application for analyzing movie datasets.</p>
<a href="https://movies-dataset-prn370gvp8.streamlit.app/" target="_blank" class="btn btn-primary">Live Demo</a>
</div>

<div class="project-card">
<h3>AI Chatbot 🤖</h3>
<p>Conversational AI chatbot using LLM.</p>
Expand All @@ -90,66 +97,71 @@ <h3>AI Chatbot 🤖</h3>
</div>
</section>

<!-- Python Projects Section -->
<section id="python-projects">
<h2>Python Projects</h2>
<p>Here are some of the Python projects I've worked on:</p>
<div class="projects">
<div class="project-card">
<h3>Python Cheat Sheet</h3>
<p>A curated collection of Python syntax, tips, and examples for quick reference.</p>
<a href="https://github.com/mrcdctr/python-cheat-sheet" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Python Developer Course</h3>
<p>Resources and projects created while taking a Python developer course.</p>
<a href="https://github.com/mrcdctr/python-developer-course" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Meme Generator</h3>
<p>A Python application for generating memes with custom captions.</p>
<a href="https://github.com/mrcdctr/meme-generator" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Web Scraping App</h3>
<p>A tool for scraping and analyzing data from websites using Python.</p>
<a href="https://github.com/mrcdctr/web-scraping-app" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Password Vault</h3>
<p>A secure password management application built with Python.</p>
<a href="https://github.com/mrcdctr/password-vault" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Weather Notification System</h3>
<p>This Python application fetches weather forecasts from the OpenWeatherMap API
and sends notifications about significant weather conditions (rain, snow, extreme heat)
via Twilio SMS. It also logs notifications to a text file for later reference.
The script is highly customizable and allows users to input their location and desired forecast duration.
</p>
<a href="https://github.com/mrcdctr/weather-notification-system" class="btn btn-primary"target="_blank">View on GitHub</a>
<!-- Python Projects Section -->
<section id="python-projects">
<h2>Python Projects</h2>
<p>Here are some of the Python projects I've worked on:</p>
<div class="projects">
<div class="project-card">
<h3>Python Cheat Sheet</h3>
<p>A curated collection of Python syntax, tips, and examples for quick reference.</p>
<a href="https://github.com/mrcdctr/python-cheat-sheet" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Python Developer Course</h3>
<p>Resources and projects created while taking a Python developer course.</p>
<a href="https://github.com/mrcdctr/python-developer-course" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Meme Generator</h3>
<p>A Python application for generating memes with custom captions.</p>
<a href="https://github.com/mrcdctr/meme-generator" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Web Scraping App</h3>
<p>A tool for scraping and analyzing data from websites using Python.</p>
<a href="https://github.com/mrcdctr/web-scraping-app" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Password Vault</h3>
<p>A secure password management application built with Python.</p>
<a href="https://github.com/mrcdctr/password-vault" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
<div class="project-card">
<h3>Weather Notification System</h3>
<p>This Python application fetches weather forecasts from the OpenWeatherMap API
and sends notifications about significant weather conditions (rain, snow, extreme heat)
via Twilio SMS. It also logs notifications to a text file for later reference.
The script is highly customizable and allows users to input their location and desired forecast duration.
</p>
<a href="https://github.com/mrcdctr/weather-notification-system" class="btn btn-primary"target="_blank">View on GitHub</a>
</div>
</div>
</div>
</section>

<!-- Contact -->
<!-- Contact Section -->
<section id="contact">
<h2>Contact Me</h2>
<form action="https://formspree.io/f/xvgzaeny" method="POST">
<label>Name:</label>
<input type="text" name="name" required>
<label>Email:</label>
<input type="email" name="email" required>
<label>Message:</label>
<textarea name="message" rows="5" required></textarea>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required></textarea>

<button type="submit">Send</button>
</form>
</section>

<!-- Footer -->
<footer>
&copy; 2025 Marco Doctor. All Rights Reserved.
&copy; 2025 Marco Doctor. All Rights Reserved.
</footer>
<!-- Scripts -->

<!-- Scripts -->
<script src="script.js"></script>
</body>
</html>

</html>

0 comments on commit 2756457

Please sign in to comment.