Added Profile pic and initial section set-up
This commit is contained in:
@@ -9,33 +9,59 @@
|
||||
<script defer src="site.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<header id="top" class="site-header">
|
||||
<nav class="navbar">
|
||||
<a href="#about" class="nav-link">About</a>
|
||||
<a href="#work" class="nav-link">Work</a>
|
||||
<a href="#projects" class="nav-link">Projects</a>
|
||||
<a href="#contact" class="nav-link">Contact</a>
|
||||
<div class="nav-left">
|
||||
<a href="#top" class="nav-link">The Ravenwood Arts</a>
|
||||
</div>
|
||||
<div class="nav-right">
|
||||
<a href="#about" class="nav-link">About</a>
|
||||
<a href="#work" class="nav-link">Work</a>
|
||||
<a href="#projects" class="nav-link">Projects</a>
|
||||
<a href="#contact" class="nav-link">Contact</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section id="title" class="title-section">
|
||||
|
||||
</section>
|
||||
<div class="title-box">
|
||||
<div class="title-text">
|
||||
<p>Developer Profile</p>
|
||||
<h1>Jesse M. Ellis</h1>
|
||||
</div>
|
||||
<img
|
||||
src="images/Profile.png"
|
||||
alt="Profile Picture"
|
||||
class="profile-pic"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about" class="about-section">
|
||||
<h1 class="section-title">About Me</h1>
|
||||
<div class="about-box">
|
||||
<div class="about-text">
|
||||
<h1 class="about-title">About Me</h1>
|
||||
<p class="about-paragraph">Hey this is about me!</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="work" class="work-section">
|
||||
<h2 class="section-title">Previous Work</h2>
|
||||
<div class="work-box">
|
||||
<h2 class="section-title">Previous Work</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="projects" class="projects-section">
|
||||
<h2 class="section-title">Projects</h2>
|
||||
<div class="project-box">
|
||||
<h2 class="section-title">Projects</h2>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact" class="contact-section">
|
||||
<h2 class="section-title">Contact</h2>
|
||||
<div class="contact-box">
|
||||
<h2 class="section-title">Contact</h2>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user