You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.3 KiB
71 lines
2.3 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta |
|
name="viewport" |
|
content="width=device-width, initial-scale=1, shrink-to-fit=no" |
|
/> |
|
<meta name="description" content="" /> |
|
<meta name="author" content="" /> |
|
<link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico" /> |
|
|
|
<title>Cover Template for Bootstrap</title> |
|
|
|
<link |
|
rel="canonical" |
|
href="https://getbootstrap.com/docs/4.0/examples/cover/" |
|
/> |
|
|
|
<link |
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" |
|
rel="stylesheet" |
|
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" |
|
crossorigin="anonymous" |
|
/> |
|
<!-- Custom styles for this template --> |
|
<link href="cover.css" rel="stylesheet" /> |
|
</head> |
|
|
|
<body class="text-center"> |
|
<div id="canvas"></div> |
|
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column"> |
|
<!-- <header class="masthead mb-auto"> |
|
<div class="inner"> |
|
<h3 class="masthead-brand">Cover</h3> |
|
<nav class="nav nav-masthead justify-content-center"> |
|
<a class="nav-link active" href="#">Home</a> |
|
<a class="nav-link" href="#">Features</a> |
|
<a class="nav-link" href="#">Contact</a> |
|
</nav> |
|
</div> |
|
</header> --> |
|
|
|
<main role="main" class="inner cover"> |
|
<img src="logo.svg" width="400" /> |
|
<div class="inner"> |
|
<a title="facebook" href="https://www.facebook.com/letsswingmateraa" |
|
><img class="social" src="icons/facebook.svg" |
|
/></a> |
|
<a title="instagram" href="https://www.instagram.com/letsswingmatera/" |
|
><img class="social" src="icons/instagram.svg" |
|
/></a> |
|
<a |
|
title="tiktok" |
|
href="https://www.tiktok.com/login?redirect_url=https%3A%2F%2Fwww.tiktok.com%2F%40letsswingmatera&lang=en&enter_method=mandatory" |
|
><img class="social" src="icons/tiktok.svg" |
|
/></a> |
|
</div> |
|
</main> |
|
|
|
<footer class="mastfoot mt-auto"></footer> |
|
</div> |
|
|
|
<script |
|
type="text/javascript" |
|
src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.7/p5.min.js" |
|
></script> |
|
|
|
<script src="sketch.js"></script> |
|
</body> |
|
</html>
|
|
|