forked from Maxluli/TinderPokemon
Added omega trash style
This commit is contained in:
BIN
assets/img/105220.png
Normal file
BIN
assets/img/105220.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
BIN
assets/img/Home-icon.png
Normal file
BIN
assets/img/Home-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
assets/img/Icon.ico
Normal file
BIN
assets/img/Icon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
assets/img/Icon.png
Normal file
BIN
assets/img/Icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 B |
BIN
assets/img/cross.png
Normal file
BIN
assets/img/cross.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
assets/img/star.png
Normal file
BIN
assets/img/star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
67
index.html
67
index.html
@@ -1,12 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
||||
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
|
||||
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
|
||||
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<title>Tinder Pokemon title</title>
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/Icon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<h1>This is the worst tinder ever</h1>
|
||||
|
||||
<body style="height:100vh d-flex align-items-center mb-3">
|
||||
<div class="container" >
|
||||
<nav class="navbar navbar-expand-lg">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand text-center" href="#">The worst furry tinder</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="card p-2" style="">
|
||||
<img src="https://www.pokewiki.de/images/thumb/d/dd/Sugimori_132.png/250px-Sugimori_132.png" class="card-img-top" style="" alt="...">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Ditto 21</h5>
|
||||
<p class="card-text">I like Ice Cream</p>
|
||||
<div class="row ">
|
||||
<div type="button" class="btn col-4">
|
||||
<div class="text-center">
|
||||
<img src="assets/img/cross.png" class="rounded col-6" alt="Home">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn col-4">
|
||||
<div class="text-center">
|
||||
<img src="assets/img/star.png" class="rounded col-6" alt="Home">
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn col-4">
|
||||
<div class="text-center">
|
||||
<img src="assets/img/105220.png" class="rounded col-6" alt="Home">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row fixed-bottom" style="">
|
||||
<div class="btn col-4" style="">
|
||||
<p>Liked</p>
|
||||
</div>
|
||||
<div class="btn col-4" style="">
|
||||
<p class="align-middle">Home</p>
|
||||
</div>
|
||||
<div class="btn col-4" style="">
|
||||
<p class="align-middle">Favorites</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fa-solid fa-house"></i>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user