
/* Global styles */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
header {
background-color: #333;
padding: 10px;
color: #FFF;
text-align: center;
}
nav {
background-color: #333;
padding: 10px;
color: #FFF;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #FFF;
text-decoration: none;
}
section {
padding: 30px;
}
/* Homepage styles */
.hero-image {
background-image: url('image.jpg');
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #FFF;
}
.hero-text h1 {
font-size: 50px;
margin-bottom: 20px;
}
.hero-text p {
font-size: 20px;
}
.featured-destinations {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.destination-card {
width: 30%;
margin-bottom: 30px;
text-align: center;
}
.destination-card img {
width: 100%;
}
/* About page styles */
.about-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about-section p {
width: 45%;
margin-bottom: 30px;
}
/* Contact page styles */
.contact-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-form input[type=text], .contact-form textarea {
width: 45%;
margin-bottom: 15px;
padding: 10px;
}
.contact-form input[type=submit] {
background-color: #333;
color: #FFF;
border: none;
padding: 15px 20px;
cursor: pointer;
}
.contact-form input[type=submit]:hover {
background-color: #555;
}
Discover the world with us
Description of destination 1
Description of destination 2
Description of destination 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet lobortis eros, ac pretium leo. Vestibulum molestie velit non tincidunt auctor. Fusce vitae accumsan nisi, sed auctor ipsum. Nam condimentum elit non enim efficitur venenatis. Nulla egestas diam eu dignissim interdum. Integer facilisis tellus a risus sagittis, ac pellentesque est sollicitudin. Curabitur tincidunt elit nec elit commodo, eget tempor odio cursus. Nam rhoncus consectetur laoreet. Fusce feugiat libero vitae nulla lobortis hendrerit. Etiam dapibus dapibus luctus. Sed commodo auctor sagittis. Fusce pellentesque bibendum lectus, in blandit risus malesuada at. Mauris quis nisi at lacus vestibulum tincidunt sit amet nec lacus.
Proin consectetur velit ac nisi gravida vestibulum. Integer ut convallis neque. Nullam congue turpis ornare nulla semper tempor. Vestibulum ac diam justo. Donec malesuada enim nec ex ullamcorper pharetra. Nam et lorem auctor dui rutrum pellentesque quis in dui. Ut porta efficitur justo, eget egestas ante porta vitae. Nunc blandit facilisis lectus, id cursus dui sodales quis. Nunc luctus, ante aliquet lacinia elementum, purus ligula malesuada nibh, et accumsan lacus felis sed ex. Nullam semper, mi sit amet pharetra pulvinar, velit arcu sollicitudin ligula, a tempus nisi metus at nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris at justo condimentum, rutrum felis nec, laoreet dolor.

查看详情

查看详情