Created
February 9, 2023 11:24
-
-
Save devnullone/5e2e7dfd180bdbf43882fe1b30486e74 to your computer and use it in GitHub Desktop.
flysearchapp frame
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="en"> | |
<head> | |
<!-- Required meta tags --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<!-- favicon --> | |
<!--<link rel="shortcut icon" href="{% static 'favicon.ico' %}" />--> | |
<!-- Bootstrap CSS --> | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.css" rel="stylesheet"/> | |
<!-- Font Awesome --> | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/> | |
<!-- jquery --> | |
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> | |
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> | |
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> | |
<!-- MDB --> | |
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.2.0/mdb.min.js"></script> | |
<!-- Custom js & css --> | |
<link rel="stylesheet" href="/style.css"> | |
<title>FAQ|WindowToJapan Fly Search app</title> | |
</head> | |
<body> | |
<header> | |
<!-- Navbar --> | |
<nav | |
class="navbar navbar-expand-lg navbar-dark d-none d-lg-block" | |
style="z-index: 2000" | |
> | |
<div class="container-fluid"> | |
<!-- Navbar brand --> | |
<a | |
class="navbar-brand nav-link" | |
target="_blank" | |
href="#" | |
> | |
<strong>FlySearch</strong> | |
</a> | |
<button | |
class="navbar-toggler" | |
type="button" | |
data-mdb-toggle="collapse" | |
data-mdb-target="#navbarExample01" | |
aria-controls="navbarExample01" | |
aria-expanded="false" | |
aria-label="Toggle navigation" | |
> | |
<i class="fas fa-bars"></i> | |
</button> | |
<div class="collapse navbar-collapse" id="navbarExample01"> | |
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> | |
<li class="nav-item active"> | |
<a class="nav-link" aria-current="page" href="/">Home</a> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link" | |
href="#" | |
rel="nofollow" | |
target="_blank" | |
>FAQ</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link" | |
href="#" | |
target="_blank" | |
>About-Us</a | |
> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link" | |
href="#" | |
target="_blank" | |
>Contact</a | |
> | |
</li> | |
</ul> | |
<ul class="navbar-nav list-inline"> | |
<!-- Icons --> | |
<li class=""> | |
<a | |
class="nav-link" | |
href="#" | |
rel="nofollow" | |
target="_blank" | |
> | |
<i class="fab fa-youtube"></i> | |
</a> | |
</li> | |
<li class=""> | |
<a | |
class="nav-link" | |
href="#" | |
rel="nofollow" | |
target="_blank" | |
> | |
<i class="fab fa-facebook-f"></i> | |
</a> | |
</li> | |
<li class="nav-item"> | |
<a | |
class="nav-link" | |
href="#" | |
rel="nofollow" | |
target="_blank" | |
> | |
<i class="fab fa-twitter"></i> | |
</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<!-- Navbar --> | |
</header> | |
<!-- Here content is going--> | |
<!-- Divider--> | |
<div class="container divider"> | |
<div class="row"> | |
</div> | |
</div> | |
<!-- Footer--> | |
<footer class="bg-light text-center text-lg-start"> | |
<!-- Copyright --> | |
<div class="text-center p-2"> | |
© 2022 Copyright | |
<a class="text-dark" href="/">WindowsToJapan</a> | |
</div> | |
<!-- Copyright --> | |
</footer> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Custom Css*/ | |
.cardspace{ | |
margin: auto; | |
margin-bottom: 1.5rem!important; | |
margin-top: 1.5rem!important; | |
} | |
.sma{ | |
font-size: xx-small; | |
} | |
.smal{ | |
font-size: x-small; | |
} | |
.h35{ | |
height: 35px; | |
width: auto; | |
} | |
.card-transparent{ | |
background-color: rgb(245 245 220 / 60%); | |
} | |
.title{ | |
font-size: 1rem; | |
} | |
.desc{ | |
font-size: 0.9rem; | |
} | |
.divider{ | |
margin-top: 2em; | |
} | |
.cbox{ | |
padding-bottom: 0.5rem; | |
padding-top: 0.5rem; | |
position: relative; | |
display: flex; | |
flex-direction: column; | |
} | |
small{ | |
color: #6c757d !important; | |
font-size: .875em; | |
font-style: italic; | |
} | |
/* Carousel styling */ | |
#introCarousel, | |
.carousel-inner, | |
.carousel-item, | |
.carousel-item.active { | |
height: 100vh; | |
} | |
.carousel-item:nth-child(1) { | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center center; | |
} | |
.carousel-item:nth-child(2) { | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center center; | |
} | |
.carousel-item:nth-child(3) { | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center center; | |
} | |
/* Height for devices larger than 576px */ | |
@media (min-width: 992px) { | |
#introCarousel { | |
margin-top: -58.59px; | |
} | |
} | |
.navbar .nav-link { | |
color: #fff !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment