120 lines
2 KiB
HTML
120 lines
2 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="banner_button"
|
|
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>
|
|
|
|
|
|
</div>
|
|
|
|
<div
|
|
id="nav_holder_right"
|
|
class="nav_holder_right"
|
|
>
|
|
<button
|
|
id="button1"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>Gitlab</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button2"
|
|
class="banner_button"
|
|
hx-get="PATH TO MORE INFO"
|
|
hx-target="#core_container"
|
|
hx-swap="innerHTML"
|
|
>
|
|
<p>Linkdin</p>
|
|
</button>
|
|
|
|
<button
|
|
id="button3"
|
|
class="banner_button"
|
|
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>
|