92 lines
1.9 KiB
HTML
92 lines
1.9 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="nav_left_item"<p>About Me</p></button>
|
|
<button id="button2"class="nav_left_item"><p>App Developement</p></button>
|
|
<button id="button3"class="nav_left_item"><p>App Deployments</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">
|
|
<img src="../img/resume.svg" alt="Download my Resume!">
|
|
</button>
|
|
|
|
<button id="button4"class="nav_right_item">
|
|
<img src="../img/contact.svg" alt="Let's talk!">
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
<!--Body Area -->
|
|
<section
|
|
id=#card_container
|
|
>
|
|
<template>
|
|
<div class="card">
|
|
<div class="card_image"></div>
|
|
<div class="card_title"></div>
|
|
<div class="card_info_holder">
|
|
<div class="card_long"></div>
|
|
<div class="card_tag
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</section>
|
|
|
|
</body>
|