85 lines
1.8 KiB
HTML
85 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!--<link rel="stylesheet" media="screen and (max-width: 480px)" href="../css/mobile.css"> -->
|
|
<link rel="stylesheet" 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">About_Me</button>
|
|
<button id="button2"class="nav_left_item">Developement</button>
|
|
<button id="button3"class="nav_left_item">Deployments</button>
|
|
|
|
</div>
|
|
<form
|
|
id="search_holder"
|
|
class="search_holder"
|
|
>
|
|
<label for"search_field">Search://</label>
|
|
<input
|
|
id="search_field"
|
|
type="search"
|
|
class="search_field"
|
|
placeholder=""
|
|
>
|
|
</form>
|
|
<div
|
|
id="nav_right_holder"
|
|
class="nav_right_holder"
|
|
>
|
|
<button id="button1"class="nav_right_item">
|
|
<img src="../img/gitlab.svg" alt="Checkout my Gitlab!">
|
|
</button>
|
|
|
|
<button id="button2"class="nav_right_item">
|
|
<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>
|
|
<!-- PlaceHolder Card -->
|
|
<div class="card">
|
|
<div class="thumbnail"></div>
|
|
<h1>NixOS</h1>
|
|
</div>
|
|
|
|
<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>
|