89 lines
No EOL
9 KiB
HTML
89 lines
No EOL
9 KiB
HTML
<!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>shork.eu</title>
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu-1.png?h=4885080971c1b340494cab284275a421">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421" media="(prefers-color-scheme: dark)">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421">
|
|
<link rel="icon" type="image/png" sizes="1000x1000" href="assets/img/shork.eu.png?h=4885080971c1b340494cab284275a421">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/Hiruko-BlackAlternate.css">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Black.css?h=97612a6badd072ee03e87366e5666138">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Bold.css?h=97612a6badd072ee03e87366e5666138">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Black.css?h=97612a6badd072ee03e87366e5666138">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Bold.css?h=97612a6badd072ee03e87366e5666138">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Extra%20Light.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Hairline.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Light.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Medium.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Regular.css?h=94cccd0d5ad8ea5ad29cfdfa0928b6c1">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Semi-Bold.css?h=97612a6badd072ee03e87366e5666138">
|
|
<link rel="stylesheet" href="assets/css/LT%20Saeada%20Thin.css?h=13dfdf7baf0061f60ebc742c4d7a6ec2">
|
|
<link rel="stylesheet" href="assets/css/Nunito.css?h=a36bfc2fb2ed43e90a41434fc5005f29">
|
|
<link rel="stylesheet" href="assets/css/Nunito%20Sans.css?h=043f5eff9901a53204b00e06de95ca1d">
|
|
<link rel="stylesheet" href="assets/css/bss-overrides.css?h=0ec74ea6b6b4fe613b02be1560ff30e9">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
|
|
<link rel="stylesheet" href="assets/css/Card-Carousel-slider.css?h=d9ce4ffb7e6fb6b0eb1b95010276e3c6">
|
|
<link rel="stylesheet" href="assets/css/Card-Carousel.css?h=82b02d582b536e56e53eda48449816a0">
|
|
<link rel="stylesheet" href="assets/css/Navbar-Right-Links-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
|
|
</head>
|
|
|
|
<body style="background: url("https://assets.shork.eu/Backgrounds/PNG/waves-square.png") center / cover no-repeat;font-family: 'LT Saeada Regular';height: 2000px;">
|
|
<nav class="navbar navbar-expand-md bg-transparent py-3" style="color: rgb(255,255,255);">
|
|
<div class="container"><a class="navbar-brand text-center d-flex float-start w-auto h-auto flex-row flex-grow-0 flex-fill justify-content-center align-items-center align-content-center gap-2" href="#" style="transform: perspective(0px);"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon" style="background: rgba(255,255,255,0);"><img src="assets/img/symbolic-1.png?h=4885080971c1b340494cab284275a421" width="45" height="45"></span><span style="color: rgb(255,255,255);font-size: xx-large;text-align: left;font-family: 'LT Saeada Extra Bold';">shork.eu</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2" style="color: rgba(255,255,255,0.65);"><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" style="color: rgb(255,255,255);">
|
|
<li class="nav-item"><a class="nav-link active" href="#" style="color: rgb(255,255,255);">Register</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#" style="color: rgba(255,255,255,0.65);">Second Item</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#" style="color: rgba(255,255,255,0.65);">Third Item</a></li>
|
|
</ul><button class="btn btn-warning text-center border rounded-pill border-0 border-primary-subtle ms-md-2" type="button" style="color: rgb(46,46,46);font-family: 'LT Saeada Semi-Bold';font-size: 20px;">Log in</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container py-4 py-xl-5">
|
|
<div class="row gy-4 gy-md-0">
|
|
<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 style="max-width: 350px;">
|
|
<h1 class="text-uppercase fw-bolder" style="color: var(--bs-primary-border-subtle);text-align: left;font-family: 'LT Saeada Extra Bold';">Welcome to shork.eu</h1>
|
|
<p class="fs-2 my-3" style="color: var(--bs-primary-bg-subtle);"><strong><span style="color: var(--bs-primary-border-subtle);">Hope you enjoy your stay!</span></strong></p><button class="btn btn-warning btn-lg rounded-pill me-2" type="button">Button</button><a class="btn btn-outline-primary btn-lg rounded-pill" role="button" href="#">Button</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 d-flex d-sm-block">
|
|
<div class="m-xl-5 p-xl-5"><img class="rounded img-fluid object-fit-scale" width="2000" height="2000" data-bss-disabled-mobile="true" data-bss-hover-animate="jello" style="display: inline-flex;" src="assets/img/shork.eu@2x.png?h=4885080971c1b340494cab284275a421"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-start d-md-flex w-auto justify-content-md-center p-4">
|
|
<div class="card-group rounded-4 gap-3 flex-sm-column flex-lg-row" style="width: fit-content;">
|
|
<div class="card text-start rounded-5" style="background: rgba(173,225,255,0.33);color: rgb(255,255,255);text-align: left;box-shadow: inset -1px 1px 2px 0px rgba(255,255,255,0.200), inset -1px 1px 2px rgba(0,0,0,0.250);filter: blur(0px);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);margin: 0px;padding: 8px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="font-size: xx-large;font-family: 'LT Saeada Semi-Bold';">Discover</h4>
|
|
<p class="card-text" style="font-size: larger;">Take a tour and see <strong>what's inside :3</strong></p><button class="btn btn-primary" type="button">Button</button>
|
|
</div>
|
|
</div>
|
|
<div class="card text-start rounded-5" style="background: rgba(173,225,255,0.33);color: rgb(255,255,255);text-align: left;box-shadow: inset -1px 1px 2px 0px rgba(255,255,255,0.200), inset -1px 1px 2px rgba(0,0,0,0.250);filter: blur(0px);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);margin: 0px;padding: 8px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="font-size: xx-large;font-family: 'LT Saeada Semi-Bold';">Community</h4>
|
|
<p class="card-text" style="font-size: larger;">Just want to hang around? <br>Join our <strong>Discord!</strong></p><button class="btn btn-primary" type="button">Button</button>
|
|
</div>
|
|
</div>
|
|
<div class="card text-start rounded-5" style="background: rgba(173,225,255,0.33);color: rgb(255,255,255);text-align: left;box-shadow: inset -1px 1px 2px 0px rgba(255,255,255,0.200), inset -1px 1px 2px rgba(0,0,0,0.250);filter: blur(0px);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);margin: 0px;padding: 8px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title" style="font-size: xx-large;font-family: 'LT Saeada Semi-Bold';">Need help?</h4>
|
|
<p class="card-text" style="font-size: larger;">If you require assistance, you can always reach out to us!</p><button class="btn btn-primary" type="button">Button</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/bs-init.js?h=ec5d4df3c798a2943b2ecbac76ebfde0"></script>
|
|
<script src="assets/js/Card-Carousel-slider.js?h=3feb358dbd002c5018a80cc6f16a1d4d"></script>
|
|
</body>
|
|
|
|
</html> |