Commit 3761d623 by ruzalo

added demo-version coutries page

parent 3fc773fe
...@@ -118,6 +118,7 @@ ...@@ -118,6 +118,7 @@
<li><a href="contact.php">Contact</a></li> <li><a href="contact.php">Contact</a></li>
<li><a href="user_login.php">Login</a></li> <li><a href="user_login.php">Login</a></li>
<li><a href="loginform_for_admin_2.php">Admin login</a></li> <li><a href="loginform_for_admin_2.php">Admin login</a></li>
<li><a href="countrypage.html">Countries</a></li>
</ul> </ul>
<div class="row"> <div class="row">
......
...@@ -109,6 +109,7 @@ ...@@ -109,6 +109,7 @@
<li><a class="active" href="contact.php">Contact</a></li> <li><a class="active" href="contact.php">Contact</a></li>
<li><a href="user_login.php">Login</a></li> <li><a href="user_login.php">Login</a></li>
<li><a href="loginform_for_admin_2.php">Admin login</a></li> <li><a href="loginform_for_admin_2.php">Admin login</a></li>
<li><a href="countrypage.html">Countries</a></li>
</ul> </ul>
<?php <?php
......
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Montserrat:300i,400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styleforcountries.css">
</head>
<body>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="booking_page.php">Booking</a></li>
<li><a href="contact.php">Contact</a></li>
<li><a href="user_login.php">Login</a></li>
<li><a href="loginform_for_admin_2.php">Admin login</a></li>
<li><a class="active" href="countrypage.html">Countries</a></li>
</ul>
<section class="section">
<div class="container">
<div class="section__header">
<h3 class="section__suptitle">Countries</h3>
<h2 class="section__title">Japan</h2>
<div>
<div class="slider">
<div>
<img src="img/japan1.jpg">
</div>
<div>
<img src="img/japan2.jpg">
</div>
<div>
<img src="img/japan3.jpg">
</div>
</div>
</div>
<div class="section__text">
<h3 class="section__suptitle">Main Information</h3>
<p>Japan (Japanese: 日本, Nippon (About this soundlisten) or Nihon (About this soundlisten))[b] is an island country located off the eastern coast of the Asian continent. It is bordered by the Sea of Japan to the west and the Pacific Ocean
to the east, and extends more than 3,000 kilometers (1,900 miles) from the Sea of Okhotsk in the northeast to the East China Sea in the southwest. Part of the Pacific Ring of Fire, Japan encompasses a stratovolcanic archipelago
of 6,852 islands; five main islands (Hokkaido, Honshu, Kyushu, Shikoku, and Okinawa) comprise 97% of the country's total area of 377,975 square kilometers (145,937 sq mi) and more than 99% of its population.</p>
</div>
</div>
</div>
<section class="section">
<div class="container">
<div class="section__header">
<h2 class="section__title">The US</h2>
<div>
<div class="slider">
<div>
<img src="img/us1.jpg">
</div>
<div>
<img src="img/us2.jpg">
</div>
<div>
<img src="img/us4.jpg">
</div>
</div>
</div>
<div class="section__text">
<h3 class="section__suptitle">Main Information</h3>
<p>Paleo-Indians migrated from Siberia to the North American mainland at least 12,000 years ago.European colonization began in the 16th century. The United States emerged from the thirteen British colonies established along the East
Coast. Numerous disputes between Great Britain and the colonies led to the American Revolutionary War lasting between 1775 and 1783, leading to independence.[20] The United States embarked on a vigorous expansion across North
America throughout the 19th century—gradually acquiring new territories, displacing Native Americans, and admitting new states—until 1848 when it spanned the continent. During the second half of the 19th century, the American
Civil War led to the abolition of slavery in the United States. The Spanish–American War and World War I confirmed the country's status as a global military power.</p>
</div>
</div>
<!--End of About-->
</div>
</section>
<section class="section">
<div class="container">
<div class="section__header">
<h2 class="section__title">France</h2>
<div>
<div class="slider">
<div>
<img src="img/fr1.jpg">
</div>
<div>
<img src="img/fr2.jpeg">
</div>
<div>
<img src="img/fr3.jpg">
</div>
</div>
</div>
<div class="section__text">
<h3 class="section__suptitle">Main Information</h3>
<p>During the Iron Age, what is now metropolitan France was inhabited by the Gauls, a Celtic people. Rome annexed the area in 51 BC, holding it until the arrival of Germanic Franks in 476, who formed the Kingdom of Francia. The Treaty
of Verdun of 843 partitioned Francia into East Francia, Middle Francia and West Francia. West Francia, which became the Kingdom of France in 987, emerged as a major European power in the Middle Ages under King Philip Augustus.
During the Renaissance, French culture flourished and a global colonial empire was established, which by the 20th century would become the second largest in the world. The 16th century was dominated by religious civil wars
between Catholics and Protestants (Huguenots). France became Europe's dominant cultural, political, and military power in the 17th century under Louis XIV. In the late 18th century, the French Revolution overthrew the absolute
monarchy, establishing one of modern history's earliest republics and drafting the Declaration of the Rights of Man and of the Citizen, which expresses the nation's ideals to this day.</p>
</div>
</div>
<!--End of About-->
</div>
</section>
<section class="section">
<div class="container">
<div class="section__header">
<h2 class="section__title">The Uk</h2>
<div>
<div class="slider">
<div>
<img src="img/uk1.jpeg">
</div>
<div>
<img src="img/uk2.jpg">
</div>
<div>
<img src="img/uk3.jpg">
</div>
</div>
</div>
<div class="section__text">
<h3 class="section__suptitle">Main Information</h3>
<p>The United Kingdom has the world's sixth-largest economy by nominal gross domestic product (GDP), and the ninth-largest by purchasing power parity (PPP). It has a high-income economy and a very high human development index rating,
ranking 14th in the world. It was the world's first industrialised country and the world's foremost power during the 19th and early 20th centuries. The UK remains a great power, with considerable economic, cultural, military,
scientific and political influence internationally. It is a recognised nuclear weapons state and is sixth in military expenditure in the world. It has been a permanent member of the United Nations Security Council since its
first session in 1946.</p>
</div>
</div>
<!--End of About-->
</div>
</section>
<script src=" https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/jQuery.js"></script>
</body>
</html>
\ No newline at end of file
img/us1.jpg

67.9 KB

img/us2.jpg

65.7 KB

img/us3.jpg

8.29 KB

img/us4.jpg

64.7 KB

...@@ -42,6 +42,9 @@ ...@@ -42,6 +42,9 @@
<div class="li2"> <div class="li2">
<a class="a1" href="loginform_for_admin_2.php">Admin</a> <a class="a1" href="loginform_for_admin_2.php">Admin</a>
</div> </div>
<div class="li2">
<a class="a1" href="countrypage.html">Countries</a>
</div>
</div> </div>
<!--Logo--> <!--Logo-->
......
...@@ -112,6 +112,7 @@ header("location: admin_place.php"); ...@@ -112,6 +112,7 @@ header("location: admin_place.php");
<li><a href="contact.php">Contact</a></li> <li><a href="contact.php">Contact</a></li>
<li><a href="user_login.php">Login</a></li> <li><a href="user_login.php">Login</a></li>
<li><a class="active" href="loginform_for_admin_2.php">Admin login</a></li> <li><a class="active" href="loginform_for_admin_2.php">Admin login</a></li>
<li><a href="countrypage.html">Countries</a></li>
</ul> </ul>
<div class="container"> <div class="container">
......
...@@ -94,7 +94,7 @@ hr { ...@@ -94,7 +94,7 @@ hr {
position: relative; position: relative;
list-style: none; list-style: none;
background: #333; background: #333;
width: 100px; width: 110px;
float: left; float: left;
} }
...@@ -106,7 +106,7 @@ hr { ...@@ -106,7 +106,7 @@ hr {
display: block; display: block;
color: white; color: white;
text-align: center; text-align: center;
padding: 30px 5px; padding: 40px 5px;
text-decoration: none; text-decoration: none;
} }
......
@charset "UTF-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
* {
box-sizing: border-box;
}
/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: "Roboto", Helvetica, Arial, sans-serif;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #DE584F;
}
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 40px;
color: #333;
}
/*Section*/
.section {
padding: 80px 0;
}
.section--gray {
background-color: #f8f8f8;
}
.section__header {
width: 100%;
max-width: 950px;
margin: 0 auto 50px;
text-align: center;
}
.section__suptitle {
font-family: 'Kaushan Script', cursive;
font-size: 40px;
color: black;
}
.section__title {
font-size: 30px;
font-weight: 700;
color: black;
text-transform: uppercase;
}
.section__title:after {
content: "";
display: block;
width: 60px;
height: 3px;
margin: 30px auto;
background-color: #C1E861;
}
.section__text {
color: #999;
font-size: 15px;
}
.section__text:after {
content: "";
display: block;
width: 60px;
height: 3px;
margin: 30px auto;
background-color: #C1E861;
}
/*Slider*/
.slick-list {
overflow: hidden;
}
.slick-track {
display: flex;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment