57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>startpage</title>
|
|
<!--Bootsrap CSS-->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
|
|
<!--Custom CSS-->
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
<div id="main" class="my-auto py-5 main">
|
|
<div id="search-bar">
|
|
<input id="search-bar-input" placeholder="Search something on Google"></input>
|
|
</div>
|
|
<div id="other-content">
|
|
<div class="sqr">
|
|
<h4>Media</h4>
|
|
<a href="">Spotify</a>
|
|
<a href="">Youtube Music</a>
|
|
<a href="">Netflix</a>
|
|
<a href="">Youtube</a>
|
|
</div>
|
|
<div class="sqr">
|
|
<h4>Work</h4>
|
|
<a href="">Github</a>
|
|
<a href="">Heroku</a>
|
|
<a href="">Localhost</a>
|
|
<a href="">Personal</a>
|
|
</div>
|
|
<div class="sqr">
|
|
<h4>Social</h4>
|
|
<a href="">Reddit</a>
|
|
<a href="">Unixpornlove</a>
|
|
<a href="">r/unixporn</a>
|
|
<a href="">r/mk</a>
|
|
</div>
|
|
<div class="sqr">
|
|
<h4>Others</h4>
|
|
<a href="">neo4j local</a>
|
|
<a href="">rarbg</a>
|
|
<a href="">materialui colors</a>
|
|
<a href="">Gmail</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- JQuery -->
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
<!--Bootstrap JS files-->
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js"></script>
|
|
<!--Custom JS-->
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html> |