Skip to content

Commit

Permalink
initial
Browse files Browse the repository at this point in the history
  • Loading branch information
@JacobBorgProgramming
JacobBorgProgramming committed Mar 17, 2024
1 parent 32a96dd commit b013aed
Show file tree
Hide file tree
Showing 22 changed files with 722 additions and 0 deletions.
99 changes: 99 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>blank space</title>
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg">
<link rel="icon" type="image/svg+xml" sizes="150x150" href="assets/img/branding/favicon.svg" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>

<body style="font-family: 'Fira Code', monospace;">
<!-- Start: Navbar Right Links -->
<nav class="navbar navbar-expand-md sticky-top py-3" data-bs-theme="dark" style="background: #1a1a1a;">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="../index.html"><img src="assets/img/branding/blankspace.svg" width="90px"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#">about</a></li>
<li class="nav-item"><a class="nav-link" href="#">the vision</a></li>
</ul><button class="btn btn-outline-light ms-md-2" type="button" style="border-radius: 3px;" data-bs-target="#modal-1" data-bs-toggle="modal">Contact</button>
</div>
</div>
</nav><!-- End: Navbar Right Links -->
<!-- Start: Hero Parallax -->
<section>
<!-- Start: Parallax Background -->
<div data-bss-parallax-bg="true" style="height: 600px;background-image: url(&quot;assets/img/imgs/circles3.png&quot;);background-position: center;background-size: cover;">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-center">
<div class="text-white"><img src="assets/img/branding/blankspace.svg" width="100%" style="margin-bottom: 25px;">
<h1>Thank you!</h1>
<p>We've received your message!</p>
<p>Our team will reach out shortly!</p>
</div>
</div>
</div>
</div>
</div><!-- End: Parallax Background -->
</section><!-- End: Hero Parallax -->
<!-- Start: Footer Basic -->
<footer class="text-center">
<div class="container text-muted py-4 py-lg-5">
<ul class="list-inline">
<li class="list-inline-item me-4"><a class="link-secondary" href="#">about</a></li>
<li class="list-inline-item me-4"><a class="link-secondary" href="#">the vision</a></li>
<li class="list-inline-item"><a class="link-secondary" href="#">projects</a></li>
</ul>
<ul class="list-inline" style="font-size: 30px;color: #1a1a1a;">
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-x">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
</svg></li>
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-telegram">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path>
</svg></li>
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-tiktok">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"></path>
</svg></li>
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-facebook">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-brand-instagram">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg></li>
</ul>
<p class="mb-0">Copyright © 2024 Jacob Borg</p>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Contact Us</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>We would love to hear from you!</p>
<form data-bss-recipient="42d87927559992ea3a5a54c5a9688bcc" data-bss-redirect-url="index.html"><input class="form-control" type="text" style="margin-bottom: 25px;border-color: #1a1a1a;border-radius: 3px;" placeholder="name" autocomplete="off"><input class="form-control" type="email" style="border-color: #1a1a1a;border-radius: 3px;margin-bottom: 25px;" placeholder="email" inputmode="email" autocomplete="off" required=""><textarea class="form-control" style="border-color: #1a1a1a;border-radius: 3px;margin-bottom: 25px;" placeholder="your message" spellcheck="true" wrap="soft" required="" minlength="1"></textarea><button class="btn btn-outline-dark" type="submit">send</button></form>
</div>
<div class="modal-footer"><button class="btn btn-outline-dark" type="button" data-bs-dismiss="modal">close</button></div>
</div>
</div>
</div>
</footer><!-- End: Footer Basic -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>

</html>
172 changes: 172 additions & 0 deletions adam.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
@font-face {
font-family: "FiraCode";
src: url("./Fira_Code/FiraCode-VariableFont_wght.ttf");
}

html{
font-family: "FiraCode";
}

#topmenu{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
}

#foot{

bottom: 0px;
left: 0px;

}

/* Container holding the image and the text */
.container {
position: relative;
text-align: center;
color: white;
}

/* Bottom left text */
.bottom-left {
position: absolute;
bottom: 8px;
left: 10%;
}

.positioncontrol {
position: absolute;
top: 8px;
left: 0%;
width: 100%;
}
/* Top left text */
.top-left {
position: absolute;
top: 0px;
left: 0%;

}

.top-right {
position: absolute;
top: 25px;
right: 10%;
}

.top {
position: absolute;
top: 25px;
left: 10%;
}

.bottom {
position: absolute;
bottom: 25px;
left: 10%;
}

/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}

/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.menu{
background-color: #fed000;
position: sticky;
padding:15px;
margin-left: -15px;
margin-top:-15px;
top: 0px;
left: 0px;

}

body{
overflow-x: hidden;
}
/*
a{
color: #1a1a1a;
font-family: "FiraCode";
}
a:hover{
font-family: "FiraCode";
color: #fed000;
}
*/

/*
button{
font-family: "FiraCode";
color: #1a1a1a;
background: none;
border: none;
}
button:hover{
font-family: "FiraCode";
color: #fed000;
background: none;
border: none;
cursor: pointer;
}
*/
.type-input{
font-family: "FiraCode";
color: #1a1a1a;
border: solid;
border-color: #1a1a1a;
border-radius: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
}
/*
<input type="text" class="type-input" name="" value="" placeholder="">
*/


@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="memebg"] {
width: 100%;
}
}
.center{
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

.card{
text-align: left;
width:50vw
}
.container-2 {
position: relative;
text-align: center;
border: solid;
border-color: #1a1a1a;
border-radius: 0px;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

p.container-2 {
width: 45%;
}
5 changes: 5 additions & 0 deletions assets/bootstrap/css/bootstrap.min.css
View file

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions assets/bootstrap/js/bootstrap.min.js
View file

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions assets/css/styles.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added assets/fonts/Fira Code-18618616a92e93a79dc048e470d1a022.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Fira Code-4e4dab449cd31c0f2984501f66c7faf1.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Fira Code-5830c62bdfec397eee15fe2dba04b8a8.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Fira Code-bc009b66d532fe4f28e9b4b2c19a24a4.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Fira Code-cc32677db01b0a7489ef70b3e9184fa4.woff2
View file
Binary file not shown.
Binary file added assets/fonts/Fira Code-dd7150241494bd1cebfde4577486c67c.woff2
View file
Binary file not shown.
Loading

0 comments on commit b013aed

Please sign in to comment.