Skip to content

Amador Baggerly #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5504
}
57 changes: 57 additions & 0 deletions about.html

Large diffs are not rendered by default.

58 changes: 58 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Me</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav>
<div>
<h1>PORT<span class="nameSpan">FOLIO</span></h1>
</div>

</div>
<div class="navLinks">
<a class="home" href="index.html">Home</a>
<a class="about" href="about.html">About</a>
<a class="portfolio" href="portfolio.html">Portfolio</a>
<a class="contact" href="#">Contact</a>
</div>
</nav>
<main>
<br>
<br>
<br>
<br>
<div class="contactFormContainer">
<form action="#" method="POST">
<h2 class="formH2">Contact Us</h2>
<div class="formGroup">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="formGroup">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="formGroup">
<label for="subject">Subject:</label>
<input type="text" id="subject" name="subject" required>
</div>
<div class="formGroup">
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit">Submit</button>
</form>
</div>
</section>
</main>

<footer>

</footer>
</body>
</html>
Binary file added images/Amador.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/POTrack.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/amadorB.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/rodama.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
83 changes: 83 additions & 0 deletions index.html

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make sure to format your files so its easier to see the child to parent elements

Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav>
<div>
<h1>PORT<span class="nameSpan">FOLIO</span></h1>
</div>

</div>
<div class="navLinks">
<a class="home" href="#">Home</a>
<a class="about" href="about.html">About</a>
<a class="portfolio" href="portfolio.html">Portfolio</a>
<a class="contact" href="contact.html">Contact</a>
</div>
</nav>
<main>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="indexContainer">
<img src="/images/amadorB.JPG" class="myImg" />
<h3>Amador Baggerly <span class="titleSpan">Software Programmer</span></h3>
<hr>
<div class="socialIcons">
<a href="#" class="icon facebook">
<i class="fa fa-facebook-f"></i>
</a>
<a href="#" class="icon twitter">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="icon instagram">
<i class="fa fa-instagram"></i>
</a>
</div>
<hr>
<br>
<div class="quoteBox">
<blockquote>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

</blockquote>
</div>
<br>
<hr>


<div class="progressContainer">
<div class="progressBar yellow" id="progressBar1">
<span class="progressText" id="progressText1">PHP</span>
</div>
</div>

<div class="progressContainer">
<div class="progressBar yellow" id="progressBar2">
<span class="progressText" id="progressText2">MYSQL</span>
</div>
</div>

<div class="progressContainer">
<div class="progressBar yellow" id="progressBar3">
<span class="progressText" id="progressText3">Javascript</span>
</div>
</div>
</div>
</main>

<footer>

</footer>
</body>
<script src="index.js"></script>
</html>
26 changes: 26 additions & 0 deletions index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
document.addEventListener('DOMContentLoaded', function() {
const bars = [
{ id: 'progressBar1', textId: 'progressText1', targetWidth: 100 },
{ id: 'progressBar2', textId: 'progressText2', targetWidth: 100 },
{ id: 'progressBar3', textId: 'progressText3', targetWidth: 100 }
];

bars.forEach(barInfo => {
const progressBar = document.getElementById(barInfo.id);
const progressText = document.getElementById(barInfo.textId);
let currentWidth = 0;
const increment = barInfo.targetWidth / 100;

const animateProgress = setInterval(() => {
if (currentWidth >= barInfo.targetWidth) {
clearInterval(animateProgress);
} else {
currentWidth += increment;
progressBar.style.width = currentWidth + '%';

}
}, 20);
});
});

console.log("Amador Baggerly");
51 changes: 51 additions & 0 deletions portfolio.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav>
<div>
<h1>PORT<span class="nameSpan">FOLIO</span></h1>
</div>

</div>
<div class="navLinks">
<a class="home" href="index.html">Home</a>
<a class="about" href="about.html">About</a>
<a class="portfolio" href="#">Portfolio</a>
<a class="contact" href="contact.html">Contact</a>
</div>
</nav>
<main>
<div class="portfolioSection">
<div class="portfolioSectionHeader">
<h2>Equipment Management System</h2>
<hr>
</div>
<div class="sectionContent">
<img class="portfolioImg"src="images/rodama.png" alt="RODAMA">
</div>
</div>

<div class="portfolioSection">
<div class="portfolioSectionHeader">
<h2>Inventory Management/PO System</h2>
<hr>
</div>
<div class="sectionContent">
<img class="portfolioImg"src="images/POtrack.png" alt="PO System">
</div>
</div>


</main>
<footer>

</footer>
</body>
</html>
Loading