Desklib - Online Library for Study Material with Solved Assignments, Essays, Dissertations

Verified

Added on 2023/06/10

AI Summary

Desklib is an online library for study material with solved assignments, essays, dissertations, and more. Get access to a vast collection of study material for various subjects and courses.

Contribute Materials

Your contribution can guide someone’s learning journey. Share your documents today.

Code for Index page
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs"
Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
/* inclusion of the different css files and java script files required for the
designing of the pages. */
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<script>
/* script for the automated animation of the slides ono the pages */
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* container for the Carousel */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption for carousel images */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Numbering of the slides in the carousel */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

position: absolute;
top: 0;
}
/* The indicators on the carousel */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* CSS code for the animation of the Carousel */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: .5s;
animation-name: fade;
animation-duration: .5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .2}
to {opacity: .2}
}
/* For smaller screen sizes the following css code decreases size of the text
*/
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
</style>
</head>
<body>

<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="javascript:void(0);" class="icon"
onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>

<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="unspl1.jpg" style=" height:25%; width:100%">

<div class="text"></div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="unspl2.jpg" style=" height:25%; width:100%">
<div class="text"></div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="unspl3.jpg" style="height:25%; width:100%">
<div class="text"></div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<div class="w3-container w3-blue">
<h1>Malyasia</h1>
<p>Truely Asia</p>
<p>
. </p>
</div>

<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>

</div>

<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-
facebook-official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa fa-google-
plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
<script>

var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 3000); // Change image every 2 seconds
}
</script>
<-- end of Script--
</body>
-----End of body section on he pages---
</html>
Code for Destination page
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Destination.aspx.cs"
Inherits="Destination" %>

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<link rel="stylesheet" href="Gallery.css" />
<script>
/* following code is for making the nav bar responsive*/
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial;
}
.header {
text-align: center;
padding: 32px;
}
.row {
display: -ms-flexbox; /* For IE10 browsers */
display: flex;
-ms-flex-wrap: wrap; /* For IE10 browsers */
flex-wrap: wrap;
padding: 0 4px;
}
/* Creating four equal columns to make a photo grid */
.column {
-ms-flex: 25%; /* IE10 */
flex: 25%;
max-width: 25%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
}
/* Responsive layout for two column-layout */
@media screen and (max-width: 800px) {

.column {
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
}
/* Responsive layout of the photogrid to make a two column stack */
@media screen and (max-width: 600px) {
.column {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
</style>
</head>
<body>

<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="javascript:void(0);" class="icon"
onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div class="header">
<h1>Few of the Most Desirable Destinations</h1>
<p>Come and feel the Nature with Best in Class Hospitality </p>
</div>
<!—Following section contains the code for the GRID of images of different
destination in the -->
<div class="row">
<div class="column">
<img src="/unspl1.jpg" style="width:100%">
<img src="/unspl3.jpg" style="width:100%">
<img src="/unspl4.jpg.jpg" style="width:100%">
</div>
<div class="column">
<img src="/pic04.jpg" style="width:100%">
<img src="/pic01.jpg" style="width:100%">
<img src="/pic03.jpg" style="width:100%">
</div>
<div class="column">
<img src="/pic02.jpg" style="width:100%">
<img src="/car1.jpg" style="width:100%">
<img src="/car2.jpg" style="width:100%">
</div>
<div class="column">
<img src="/unspl2.jpg" style="width:100%">
<img src="/pic05.jpg" style="width:100%">
<img src="/pic04.jpg" style="width:100%">

</div>
</div>
<div>
</div>
--Following section is for the footer of the pages-
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>

<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-
facebook-official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa fa-google-
plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
</body>
</html>
Contact us page code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Contactus.aspx.cs"
Inherits="Contactus" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}

/* Caption */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number on the carousel */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* animation effect for the mcarousel */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* for smaller screens to decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
.iscontainer {
position: relative;
font-family: Arial;
}

.istext-block {
position: absolute;
bottom: 20px;
right: 20px;
background-color: black;
color: white;
padding-left: 20px;
padding-right: 20px;
}
</style>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="javascript:void(0);" class="icon"
onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div>
<div class="iscontainer">
<img src="unspl4.jpg" alt="Nature" style="height:50%;
width:100%; ">
<div class="istext-block">
<h4>About us</h4>
<p>B and B tourism is the Subsidiary of Nicktourism which is
providing afforadble tourism packages to the tourists in Malyasia and
Kualalum</p>
<p>Mail Us at:</p>
<p>Nicktours@gmail.com</p>
<p>Reach Us at:</p>
<p>324-5566-1455</p>
</div>
</div>
</div>
---footer section of the pages-
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>

<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-
facebook-official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa fa-google-
plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
</body>
</html>
About us page
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Aboutus.aspx.cs"
Inherits="Aboutus" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<Inclusion of style sheets and jquery plugins--->
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {

x.className = "topnav";
}
}
</script>
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number*/
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* animation of the carousel */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}

to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* smaller screens with smaller text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
.icontainer {
position: relative;
font-family: Arial;
}
.itext-block {
position: absolute;
bottom: 20px;
right: 20px;
background-color: black;
color: white;
padding-left: 20px;
padding-right: 20px;
}
</style>
</head>
<body>
< -------------Nav bar section of the navigation bar menu------>
<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="javascript:void(0);" class="icon"
onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<div>
<div class="icontainer">
<img src="divimg.jpg" alt="Nature" style="height:50%;
width:100%;">
<div class="itext-block">
<h4>
<p>.
</p>
<p> </div>
</div>
<div class="icontainer">
<img src="divimg2.jpg" alt="Nature" style="height:50%;
width:100%; ">
<div class="itext-block">
<h4>About us</h4>
<p>B & B tourism is the Subsidiary of Nicktourism which is
providing afforadble tourism packages to the tourists in Malyasia and
Kualalum</p>
</div>

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

</div>
</div>
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>


<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-
facebook-official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa fa-google-
plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>

</body>
</html>
Current offers page code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Coffers.aspx.cs"
Inherits="Coffers" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<inclusion of style sheets and jQuery plugins-
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="StyleSheet.css" />
<script src="jquery.min.js"></script>
<script src="jquery.scrolly.min.js"></script>
<script src="jquery.poptrox.min.js"></script>
<script src="skel.min.js"></script>
<script src="js/util.js"></script>
<script src="main.js"></script>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption ono carousel */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;

width: 100%;
text-align: center;
}
/* text on the carousel */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* animation of the carousel */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* to decrease texts size smaller screens */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
</style>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="javascript:void(0);" class="icon"
onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

</div>
<div>
<div>
<div id="main">
<div class="inner">
<div class="thumbnails">
<div class="box">
--------Boxes with video links with the offres and destination videos ---
<a
href="https://youtu.be/j3xgesiAJrA" class="image fit"><img src="pic01.jpg"
alt="" /></a>
<div class="inner">
<h3>Feel the Best of
Malayasia</h3>
<p></p>
<a
href="https://youtu.be/j3xgesiAJrA" class="button fit" data-
poptrox="youtube,600x400">Watch</a>
</div>
</div>
<div class="box">
<a
href="https://youtu.be/iKcRLr6wXiU" class="image fit"><img src="pic02.jpg"
alt="" /></a>
<div class="inner">
<h3>Explaore the
Beauty of the Beach</h3>
<p>.</p>
<a
href="https://youtu.be/iKcRLr6wXiU" class="button style2 fit" data-
poptrox="youtube,600x400">Watch</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
--------Footer section of the pages --------
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>

<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>

<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa fa-
twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-
facebook-official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa fa-google-
plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
</body>
</html>
Sign up page code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Signup.aspx.cs"
Inherits="Signup" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<link rel="stylesheet" href="Searchbtn.css" />
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

</script>
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;

position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;

background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: .5s;
animation-name: fade;
animation-duration: .5s;
}
@-webkit-keyframes fade {
from {opacity: .4}

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

to {opacity: 1}
}
@keyframes fade {
from {opacity: .2}
to {opacity: .2}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}
.auto-style1 {
height: 26px;
}
.auto-style2 {
width: 215px;
}
.auto-style3 {
height: 26px;

width: 215px;
}
.auto-style4 {
height: 34px;
}
.auto-style5 {
width: 215px;
height: 34px;
}
</style>
</head>
<body style="background-image: url(divimg3.jpg);">
<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>
<a href="Login.aspx">Login</a>
<a href="Signup.aspx">Signup</a>

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style1"></td>
<td class="auto-style3"></td>
<td class="auto-style1"></td>
</tr>
<tr>
<td class="auto-style4"></td>
<td class="auto-style5">
<asp:Label ID="Label2" runat="server" Font-Bold="True" Font-
Size="Medium" ForeColor="#FF3300" Text="Email"></asp:Label>
</td>
<td class="auto-style4">
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

<asp:Button ID="Button1" runat="server" Font-Size="Medium"
ForeColor="#FF3300" Text="SIGNUP" Width="187px" />
</td>
</tr>
<tr>
<td> </td>
<td class="auto-style2"> </td>
<td> </td>
</tr>
</table>
</div>
</form>
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

</ul>
</div>
</div>

<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>
</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa
fa-twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-facebook-
official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa
fa-google-plus"></i></a>
</div>
<div class="footer-copyright">

<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
</body>
</html>
Login page code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs"
Inherits="Login" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"/>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="RstyleSheet.css" />
<link rel="stylesheet" href="Searchbtn.css" />

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

position: relative;
margin: auto;
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;

position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */

.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: .5s;
animation-name: fade;
animation-duration: .5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .2}
to {opacity: .2}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

}
.auto-style1 {
width: 401px;
}
.auto-style2 {
height: 26px;
}
.auto-style3 {
width: 401px;
height: 26px;
}
</style>
</head>
<body style="background-image: url(pic01.jpg);" >
<div class="topnav" id="myTopnav">
<a href="Index.aspx" class="active">Home</a>
<a href="Destination.aspx">Destinations</a>
<a href="Coffers.aspx">Current Offers</a>
<a href="Aboutus.aspx">About us</a>
<a href="Contactus.aspx">Contact us</a>

<a href="Login.aspx">Login</a>
<a href="Signup.aspx">Signup</a>
<div class="search-container">
<input type="text" placeholder="Search.." name="search"/>
<button type="submit"><i class="fa fa-search"></i></button>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<form id="login" runat="server">
<div >
<table style="width:80%; margin-left:auto;margin-right:auto">
<tr>
<td> </td>
<td class="auto-style1"> </td>

Paraphrase This Document

Need a fresh take? Get an instant paraphrase of this document with our AI Paraphraser

💎 Try AI Paraphraser

<asp:TextBox ID="TextBox2" runat="server"
TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style2"></td>
<td class="auto-style3"></td>
<td class="auto-style2"></td>
</tr>
<tr>
<td> </td>
<td class="auto-style1"> </td>
<td>
<asp:Button ID="Button1" runat="server" Font-Bold="True" Font-
Size="Larger" ForeColor="Red" Text="Login" />
</td>
</tr>
</table>
</div>

</form>
<footer id="myFooter">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>B &B : Explore Malyasia</h5>
<ul>
<li><a href="Index.aspx">Home</a></li>
<li><a href="Contactus.aspx">Contact us</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="FAQ.html">FAQ</a></li>

</ul>
</div>
<div class="col-sm-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
</div>


<iframe id="map-container" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d127484.37823478147!2d101.66089399270611!3d3.1246197586718085!2m3!1f0!2f0!3f0!
3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc49c701efeae7%3A0xf4d98e5b2f1c287d!
2sKuala+Lumpur%2C+Federal+Territory+of+Kuala+Lumpur%2C+Malaysia!5e0!3m2!1sen!
2sin!4v1532935509630" width="600" height="450">
</iframe>

Secure Best Marks with AI Grader

Need help grading? Try our AI Grader for instant feedback on your assignments.

💎 Get Pro

</div>
<div class="social-networks">
<a href="https://Twitter.com" class="twitter"><i class="fa
fa-twitter"></i></a>
<a href="https://facebook.com" class="facebook"><i class="fa fa-facebook-
official"></i></a>
<a href="https://Gmail.com" class="google"><i class="fa
fa-google-plus"></i></a>
</div>
<div class="footer-copyright">
<p>© 2018 Copyright Reserved by Nick Tourism </p>
</div>
</footer>
</body>
</html>

1 out of 44

Desklib - Online Library for Study Material with Solved Assignments, Essays, Dissertations

Contribute Materials

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Paraphrase This Document

Secure Best Marks with AI Grader

Related Documents

E-Commerce Website Invoice Generation

Responsive E-Portfolio Design

Securing Web Server with SSL

+13062052269

info@desklib.com