Skip to content

Commit

Permalink
update html
Browse files Browse the repository at this point in the history
  • Loading branch information
@luyanakat
luyanakat committed Dec 28, 2022
1 parent 1371d43 commit 5da652d
Show file tree
Hide file tree
Showing 15 changed files with 1,059 additions and 1,080 deletions.
2 changes: 1 addition & 1 deletion cmd/web/main.go
100755 → 100644
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ func main() {

session = scs.New()
session.Lifetime = 24 * time.Hour
session.Cookie.Persist = true/////
session.Cookie.Persist = true /////
session.Cookie.SameSite = http.SameSiteLaxMode
session.Cookie.Secure = app.InProduction

Expand Down
20 changes: 2 additions & 18 deletions html-source/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<style>
.my-footer {
height: 5em;
background-color: #163b65;
margin-top: 1.5em;
padding: 1em;
color: white;
font-size: 80%;
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.room-image{
width: 70%;
}
</style>
<link rel="stylesheet" href="static/css/style.css">

</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark">
Expand Down
593 changes: 327 additions & 266 deletions html-source/booking.html
View file

Large diffs are not rendered by default.

306 changes: 143 additions & 163 deletions html-source/contact.html
View file
Original file line number Diff line number Diff line change
@@ -1,176 +1,156 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">

<style>
.my-footer {
height: 5em;
background-color: #163b65;
margin-top: 1.5em;
padding: 1em;
color: white;
font-size: 80%;
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.room-image{
width: 70%;
}
</style>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Booking Room</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Rooms
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="normal.html">Normal Room</a></li>
<li><a class="dropdown-item" href="luxurious.html">Luxurious Room</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="booking.html" tabindex="-1" aria-disabled="true">Book now</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html" tabindex="-1" aria-disabled="true">Contact</a>
</li>

<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Booking Room</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Rooms
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="normal.html">Normal Room</a></li>
<li><a class="dropdown-item" href="luxurious.html">Luxurious Room</a></li>
</ul>

</div>
</div>
</nav>
<!-- end nav bar -->
</li>
<li class="nav-item">
<a class="nav-link" href="booking.html" tabindex="-1" aria-disabled="true">Book now</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="contact.html" tabindex="-1" aria-disabled="true">Contact</a>
</li>
</ul>

</div>
</div>
</nav>
<!-- end nav bar -->



<div class="bg-dark" style="height: 800px;">
<h1>Contact us</h1>
</div>

<div class="bg-dark" style="height: 800px;">
<h1>Contact us</h1>
</div>



<!-- Footer -->
<footer class="bg-dark text-center text-white">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-facebook-f"></i
></a>

<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-twitter"></i
></a>

<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-google"></i
></a>

<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-instagram"></i
></a>

<!-- Linkedin -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-linkedin-in"></i
></a>

<!-- Github -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"
><i class="fab fa-github"></i
></a>
</section>
<!-- Section: Social media -->

<!-- Section: Form -->
<section class="">
<form action="">
<!--Grid row-->
<div class="row d-flex justify-content-center">
<!--Grid column-->
<div class="col-auto">
<p class="pt-2">
<strong>Sign up for our newsletter</strong>
</p>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-5 col-12">
<!-- Email input -->
<div class="form-outline form-white mb-4">
<input type="email" id="form5Example21" class="form-control" />
<label class="form-label mt-2" for="form5Example21">Email address</label>


<!-- Footer -->
<footer class="bg-dark text-center text-white">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-facebook-f"></i></a>

<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-twitter"></i></a>

<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-google"></i></a>

<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-instagram"></i></a>

<!-- Linkedin -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-linkedin-in"></i></a>

<!-- Github -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-github"></i></a>
</section>
<!-- Section: Social media -->

<!-- Section: Form -->
<section class="">
<form action="">
<!--Grid row-->
<div class="row d-flex justify-content-center">
<!--Grid column-->
<div class="col-auto">
<p class="pt-2">
<strong>Sign up for our newsletter</strong>
</p>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-5 col-12">
<!-- Email input -->
<div class="form-outline form-white mb-4">
<input type="email" id="form5Example21" class="form-control" />
<label class="form-label mt-2" for="form5Example21">Email address</label>
</div>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-auto">
<!-- Submit button -->
<button type="submit" class="btn btn-outline-light mb-4">
Subscribe
</button>
</div>
<!--Grid column-->
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-auto">
<!-- Submit button -->
<button type="submit" class="btn btn-outline-light mb-4">
Subscribe
</button>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</form>
</section>
<!-- Section: Form -->

<!-- Section: Text -->
<section class="mb-4">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt distinctio earum
repellat quaerat voluptatibus placeat nam, commodi optio pariatur est quia magnam
eum harum corrupti dicta, aliquam sequi voluptate quas.
</p>
</section>
<!-- Section: Text -->


</div>
<!-- Grid container -->
<!--Grid row-->
</form>
</section>
<!-- Section: Form -->

<!-- Section: Text -->
<section class="mb-4">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt distinctio earum
repellat quaerat voluptatibus placeat nam, commodi optio pariatur est quia magnam
eum harum corrupti dicta, aliquam sequi voluptate quas.
</p>
</section>
<!-- Section: Text -->


</div>
<!-- Grid container -->

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2020 Copyright:
<a class="text-white" href="https://github.com/luyanakat" target="_blank">luyanakat</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->

<!-- End Footer -->
<script src="https://kit.fontawesome.com/2e672358d5.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2020 Copyright:
<a class="text-white" href="https://github.com/luyanakat" target="_blank">luyanakat</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->

<!-- End Footer -->
<script src="https://kit.fontawesome.com/2e672358d5.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>
Loading

0 comments on commit 5da652d

Please sign in to comment.