memory_square.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Memorial Square</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  <style>
	.navbar {
      margin-bottom: 0;
      border-radius: 0;
	}
	.affix {
	  top: 0;
	  width: 100%;
	  z-index: 9999 !important;
	}

	.affix + .container-fluid {
	  padding-top: 70px;
	}


    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }

  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
      max-height: 400px;
  }

  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none;
    }
  }
  
  /* Picture sizing */
  #pic {
		object-fit: cover; width: 100%; height: 400px; object-position: 50%
	} 
	
	#pic1 {
		object-fit: cover; width: 100%; height: 300px; object-position: 50%
	} 
  </style>
</head>
<body>
<nav class="navbar navbar-default" data-spy="affix" data-offset-top="1" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">TashTour</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="Accommodation.html">Accommodations</a></li>
        <li class="dropdown active">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Entertainment
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
            <li><a href="_museum.html">Museums</a></li>
            <li><a href="_park.html">Parks</a></li>
            <li><a href="_shop.html">Shops</a></li>
        </ul>
      </li>
      <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Restaurants & Cafes
      <span class="caret"></span></a>
      <ul class="dropdown-menu">
		<li><a href="National.html">National</a></li>
        <li><a href="FastFood.html">Fast Food</a></li>
        <li><a href="CoffeeShop.html">Coffee Shops</a></li>
        <li><a href="OR.html">Other</a></li>
      </ul>
    </li>
    <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Transport
    <span class="caret"></span></a>
    <ul class="dropdown-menu">
      <li><a href="_bus.html">Bus</a></li>
      <li><a href="_taxi.html">Taxi</a></li>
      <li><a href="_sub.html">Underground</a></li>
      <li><a href="_rail.html">Rail</a></li>
      <li><a href="_air.html">Air</a></li>
    </ul>
  </li>
        <li><a href="_tip.html">Useful Tips</a></li>
      </ul>
      <div class="nav navbar-nav navbar-right">
        <a href="Travelers Quiz.html" target="_blank"><button class="btn btn-primary navbar-btn"><b>Travel Personality Quiz</b></button></a>
      </div>
    </div>
  </div>
</nav>

<div class="container text-center" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
	  <li data-target="#myCarousel" data-slide-to="2"></li>
	  <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img id="pic" src="Abro_photo/memory_square/memory_square1.jpg" alt="Image">
        <div class="carousel-caption">
          <h3>Memorial Square</h3>
        </div>
      </div>

      <div class="item">
        <img id="pic" src="Abro_photo/memory_square/memory_square2.jpg" alt="Image">
        <div class="carousel-caption">
          <h3>Memorial Square</h3>
        </div>
      </div>
	  
	  <div class="item">
        <img id="pic" src="Abro_photo/memory_square/memory_square3.jpg" alt="Image">
        <div class="carousel-caption">
          <h3>Memorial Square</h3>
        </div>
      </div>
	  
	  <div class="item">
        <img id="pic" src="Abro_photo/memory_square/memory_square4.jpg" alt="Image">
        <div class="carousel-caption">
          <h3>Memorial Square</h3>
        </div>
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
</div>
<br>
<div class="container text-center" style="object-fit: cover; width: 100%; height: 100%; object-position: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
  <h3 class="text-primary"><b>MEMORIAL SQUARE</b></h3><br>
  <div class="row">
    <div class="col-sm-12 text-info"><p>
The square of memory and honor is a monument dedicated to soldiers who died during the Great World War. The monument was established in 1999, located at the Independence Square in front of the Eternal Flame. It is known that the War touched every family in Uzbekistan. The monument of mourning mother is an amulet as well as it warns us about the past.
There used to be the monument of Unknown Soldier. The eternal flame is a sacred place in Independence Square. Every year on May 9 many people come here to remember and honor the memory of the heroes. Looking at the monument you can’t help thinking about the soldiers who died during the war. Mourning mother symbolizes all women who didn’t wait their sons from the war. There are names of soldiers who never returned from the war on the brass pages.

During the war the population of the Republic of Uzbekistan handed over 650 million rubles, 53 kg. Gold and silver, warm clothes, 2 million pairs boots and shoes. The Uzbek people also sheltered tens of thousands people from Russia, Ukraine and other regions of the former Soviet Union who were evacuated to Uzbekistan. Many orphans were adopted by the Uzbek families.

Today, the Square of Memory is visited by many people from all over the republic so that to lay the flowers in memory of the soldiers and heroes because thanks to them now we live in peace and harmony.

The fourth floor exhibition illustrates the newest history of 19th-20th centuries. There are magazines and newspapers of Jadists, first theatre bills, films and photos; there is a collection of medals of Uzbek champions won at different time in kurash, wrestling and tennis.

There is a gift shop under the museum where one can buy items of Uzbek applied arts: embroidery, carpets, miniatures and ceramics.
<br> </p></div>
  </div>
</div>

<div class="container text-center" style="object-fit: cover; width: 100%; height: 100%; object-position: 50%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
  <h3><b>CAN SEE</b></h3><br>
  <div class="row">
    <div class="col-sm-4">
      <img id="pic1" src="Abro_photo/memory_square/memory_square6.jpg" class="img-responsive" alt="Image">
      <p>The Enternal Fire</p>
    </div>
    <div class="col-sm-4">
      <img id="pic1" src="Abro_photo/memory_square/memory_square7.jpg" class="img-responsive" alt="Image">
      <p>The victims of war</p>
    </div>
    <div class="col-sm-4">
      <img id="pic1" src="Abro_photo/memory_square/memory_square5.jpg" class="img-responsive" alt="Image">
      <p>The statue of the Grieving Mother</p>
      </div>
</div>
</div>

      <div class="well" align="center">
       <p class="text-uppercase"><b>Details</b></p>
      <i>Address: Mustakillik Maydoni str., Yunusabad dist., Tashkent, Uzbekistan</i><br>
      <i>Nearest metro: Mustakillik Maydoni ~ 900m </i><br>
	  <i>Entrance: free</i><br>
      <i>Working time: 24/7</i>
      </div>
    
<br>

<footer class="container-fluid text-center" style="box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)">
  <a href="https://www.google.com/maps/place/Memorial+Square/@41.318305,69.2694368,15z/data=!4m2!3m1!1s0x0:0xc8a9c51c2678a87e?ved=2ahUKEwj4vaWlyfjfAhUHWiwKHZ5oCasQ_BIwDnoECAEQCA" target="_blank" style="text-decoration: none;"><button type="button" class="btn btn-primary btn-lg btn-block">SEE MAP</button></a>
  <a href="_Park.html" style="text-decoration: none;"><button type="button" class="btn btn-default btn-lg btn-block">OTHER LOCATIONS</button></a>
</footer>
</div>
</body>
</html>