129 lines
6.0 KiB
HTML
129 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!--Fonts-->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
|
|
<!--End Fonts-->
|
|
|
|
<link rel="stylesheet" href="css/indexStyle.css">
|
|
<title>See the Magic</title>
|
|
<link rel="icon" type="image/svg+xml" href="./images/Lew Header icon.svg">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="nav-bar">
|
|
<a href="index.html"><img class ="nav-logo" src="./images/Lew Header.svg" alt="lew's logo" width="180" height="auto"></a>
|
|
<nav>
|
|
<ul class="nav-links">
|
|
<li><a href="./project.html">Projects</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="hero">
|
|
<img class="hero-img" src="./images/Lew's Images/Lew.JPG" alt="profile picture">
|
|
<div class="hero-text">
|
|
<h1>Lew Price</h1>
|
|
<p>Welcome to the Future!</p>
|
|
<a href="#contact" class="cta-button">Get In Touch</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about-section">
|
|
<h2>About Me</h2>
|
|
<p>I have been interested in computers and programming from a very young age. I started with HTML in 2008. I quickly dove deeper into the world of programming where I began learning Java. At the time, Minecraft Beta was just starting to become popular in the world of gaming and I would practice Java by modding Minecraft Beta. Java taught me the ins and outs of the object-oriented world where I started to branch out into other languages to learn more about algorithms and systems. I am now comfortable writing programs in C, C++, Java, Python, HTML, CSS, and Golang. In addition, I am comfortable working with SQL databases, UML diagraming, and MongoDB.</p>
|
|
</section>
|
|
|
|
<section class="list-all-projects">
|
|
<h2>Personal Projects</h2>
|
|
<div id="projects">
|
|
<div class="project-box">
|
|
<img src="./images/Lew's Images/Project 1jpg.jpg" alt="project picture">
|
|
<div class="proj-text">
|
|
<h3>Web Scraper/Discord Bot</h3>
|
|
<p>- Golang</p>
|
|
</div>
|
|
</div>
|
|
<div class="project-box">
|
|
<img src="./images/Lew's Images/ToDoList Project.jpg" alt="project picture">
|
|
<div class="proj-text">
|
|
<h3>To-Do List</h3>
|
|
<p>- Java</p>
|
|
</div>
|
|
</div>
|
|
<div class="project-box">
|
|
<img src="./images/Lew's Images/Doubly Linked List.jpg" alt="project picture">
|
|
<div class="proj-text">
|
|
<h3>Binary Search Tree</h3>
|
|
<p>- C++</p>
|
|
</div>
|
|
</div>
|
|
<div class="project-box">
|
|
<img src="./images/Lew's Images/Graph Theory Project.jpg" alt="project picture">
|
|
<div class="proj-text">
|
|
<h3>Graph Theory Project</h3>
|
|
<p>- C++</p>
|
|
</div>
|
|
</div>
|
|
<div class="project-box">
|
|
<img src="./images/Lew's Images/Find Median Sorted Array.jpg" alt="project picture">
|
|
<div class="proj-text">
|
|
<h3>Median of Two Sorted Arrays</h3>
|
|
<p>- Golang</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contact Me</h2>
|
|
<div id="socials">
|
|
<a class="social-img" href="https://www.instagram.com/ohbejoyfulbags/" target="_blank">
|
|
<img src="./images/instagram-icon.svg" alt="Instagram">
|
|
</a>
|
|
<a class="social-img" href="https://www.facebook.com/lewprice140" target="_blank">
|
|
<img src="./images/facebook-icon.svg" alt="Facebook">
|
|
</a>
|
|
<a class="social-img" href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank">
|
|
<img src="images/linkedin-icon.svg" alt="LinkedIn">
|
|
</a>
|
|
</div>
|
|
<form action="#" method="post">
|
|
<label for="name">Name:</label>
|
|
<input type="text" id="name" name="name" placeholder="Enter Your Name" required>
|
|
|
|
<label for="email">Email:</label>
|
|
<input type="email" id="email" name="email" placeholder="person@gmail.com" required>
|
|
|
|
<label for="message">Message:</label>
|
|
<textarea id="message" name="message" placeholder="Enter a short message!" required></textarea>
|
|
|
|
<button type="submit">Send Message</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>© 2024 Lorem Ipsum. All rights reserved.</p>
|
|
<div class="social-links">
|
|
<a href="https://www.instagram.com/lewcifer_the_great/" target="_blank" aria-label="Instagram">
|
|
<img src="./images/instagram-icon.svg" alt="">
|
|
</a>
|
|
<a href="https://www.facebook.com/lewprice140" target="_blank" aria-label="Facebook">
|
|
<img src="./images/facebook-icon.svg" alt="">
|
|
</a>
|
|
<a href="https://www.linkedin.com/in/lewis-price-a79185195/" target="_blank" aria-label="LinkedIn">
|
|
<img src="images/linkedin-icon.svg" alt="">
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |