129 lines
2.3 KiB
HTML
129 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<link rel="stylesheet" media="screen and (max-width: 480px)" href="../css/mobile.css">
|
|
<link rel="stylesheet" media="screen and (min-width: 481px)" href="../css/home.css">
|
|
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
|
|
|
|
<head>
|
|
|
|
<body>
|
|
<!--Header Bar -->
|
|
<section
|
|
id="nav_bar"
|
|
class="nav_bar"
|
|
>
|
|
<div
|
|
id="nav_left_holder"
|
|
class="nav_left_holder"
|
|
>
|
|
<button
|
|
id="button1"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>About Me</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button2"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>App Developement</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button3"
|
|
class="nav_left_item"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>App Deployments</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button4"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>Thanks To</p>
|
|
</button>
|
|
|
|
<input
|
|
type="search"
|
|
class="search_field"
|
|
placeholder="Search Tools or Terms"
|
|
type="search"
|
|
class="search_field"
|
|
placeholder="Search Tools or Terms"
|
|
>
|
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
id="nav_right_holder"
|
|
class="nav_right_holder"
|
|
>
|
|
<button
|
|
id="button1"
|
|
class="nav_right_item"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<img src="../img/gitlab.svg" alt="Checkout my Gitlab!">
|
|
</button>
|
|
|
|
<button
|
|
id="button2"
|
|
class="nav_right_item"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<img src="../img/linkedin.svg" alt="Find me on Linkedin">
|
|
</button>
|
|
|
|
<button
|
|
id="button3"
|
|
class="nav_right_item"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>Resume</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button4"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>Contact</p>
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
<!--Body Area -->
|
|
<section
|
|
id=#core_container
|
|
></section>
|
|
|
|
</body>
|