Skip to content

"Evan Harves" Personal Website #1

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.

Sign up for GitHub

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 1 commit into
base: main
Choose a base branch
from
Open

"Evan Harves" Personal Website #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
45 changes: 45 additions & 0 deletions Index.HTML
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Profile Page</title>
<link rel="stylesheet" href="Style.css">
<script defer src="index.js"></script>

</head>
<body>
<header>
<img src="data:image/jpeg;base64,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">
<h1>Evan Harves</h1>
<div id="links"></div>
<a class="active" href="#">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="contact.html">Contact</a>
<p>Web Developer | Tech Enthusiast</p>
</header>
<section id="bio">
<h2>About Me</h2>
<p>I'm someone who enjoys staying active and having fun, especially when it comes to sports. Whether it's playing a game or watching one, I love the energy and competition. Outside of that, nothing makes me happier than spending quality time with my family and friends. For me, it's all about creating good memories with the people who matter most.</p>
</section>
<section id="work">
<h2>My Work</h2>
<div class="Project"
id="project1"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRwZgGXgWnf3f8CBk692ANZn-x45PgvrwkWjA&s" alt="Pets In Black"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid excepturi magnam, ab fugit officiis repellat nemo alias, commodi earum deserunt animi. Consectetur excepturi aliquid ipsam fuga, ut totam magnam modi.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus ratione, quam non repudiandae eligendi veniam odit omnis sapiente sit autem, aspernatur est, adipisci unde iure? Voluptates reprehenderit vel accusamus blanditiis.</p>
<div class="Project"
id="project2"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSwcISUHzRe4kVYPYJVIWD_2a-YbbVp6PSjfA&s" alt="Penguin Photo"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid excepturi magnam, ab fugit officiis repellat nemo alias, commodi earum deserunt animi. Consectetur excepturi aliquid ipsam fuga, ut totam magnam modi.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus ratione, quam non repudiandae eligendi veniam odit omnis sapiente sit autem, aspernatur est, adipisci unde iure? Voluptates reprehenderit vel accusamus blanditiis.</p>
<div class="Project"
id="project3"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTxtZY7w-xhwpwxshr5FaY0flvyIkLAWXlkCQ&s" alt="Rocks"></div>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid excepturi magnam, ab fugit officiis repellat nemo alias, commodi earum deserunt animi. Consectetur excepturi aliquid ipsam fuga, ut totam magnam modi.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus ratione, quam non repudiandae eligendi veniam odit omnis sapiente sit autem, aspernatur est, adipisci unde iure? Voluptates reprehenderit vel accusamus blanditiis.</p>
</section>
<footer>
<p>Contact me @[email protected]</p>
</footer>
</body>
</html>
74 changes: 74 additions & 0 deletions Style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@


body {
font-family: Arial, sans-serif;
}
header {
text-align: center;
padding: 10px;
background-color: #f4f4f4;
}

header img{
width: 150px;
height: 150px;
border-radius: 50%;
margin-bottom: 10px;
}

section{
margin: 20px;
}
.Project {
width: 200px;
height: 200px;
border-radius: 50%;
margin-bottom: 10px;
margin: 10px;
display: inline-block;
text-align: center;
line-height: 200px;

}
h1, h2 {
color: #333;

}

#bio, #work{
background-color: #e9e9e9;
padding: 15px;
text-align: center;
font-size: x-large;

}

footer {
background-color: #f4f4f4;
text-align: center;
padding: 10px;
}

.href{
display: flex;



}

#links{
text-decoration: none;
}

#sports, #Family{
background-color: #e9e9e9;
text-align: center;
padding: 10px;
font-size: x-large;
}






48 changes: 48 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Style.css">
</head>
<header>
<nav>
<h1>Evan Harves</h1>
<div id="links"></div>
<a href="Index.HTML">Home</a>
<a class="active" href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<section id="bio">
<h2>About Me</h2>
<p>I'm someone who enjoys staying active and having fun, especially when it comes to sports. Whether it's playing a game or watching one, I love the energy and competition. Outside of that, nothing makes me happier than spending quality time with my family and friends. For me, it's all about creating good memories with the people who matter most.</p>
</section>
<body>
<section id = "sports">
<h3>Sports</h3>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHWAV-ZV_gy6u6-HAM-SFpVGoAD8PCgoSpiw&s" alt="Sport Photo">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae atque obcaecati excepturi omnis. Tempora commodi accusamus quis deleniti laudantium quod! Rerum impedit obcaecati placeat. Laboriosam suscipit repellat praesentium iusto quaerat.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus error reprehenderit, cum tenetur repellat veritatis esse natus obcaecati amet ab omnis corrupti cumque aliquam nam, earum eaque! Minima, beatae quisquam!</p>
</section>
<section id ="Family">
<h4>Family & Friends</h4>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRcIsgrhTWmfzSlabhLb3SqEipsabci93ObTQ&s" alt="Family Friends">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi sit blanditiis similique possimus consectetur mollitia, maiores incidunt et tenetur eum! Tempora ducimus eveniet aperiam fugit officiis quaerat obcaecati facere porro!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur dolor autem dolorem, nobis distinctio rem voluptatum, mollitia labore ullam quia est dignissimos necessitatibus, laudantium laboriosam dolorum ab maxime velit delectus.</p>
</section>
<footer>
<p>Contact me @[email protected]</p>
</footer>
</body>
</html>








Loading