SHARE
TWEET

Untitled

a guest Apr 19th, 2019 118 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
  9.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  10.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  11.   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  12.   <title>Beautiful Bangladesh</title>
  13.   <style>
  14.     body {
  15.       background: #f39c12;
  16.       }
  17.       .center-on-page {
  18.       position: absolute;
  19.       top: 50%;
  20.       left: 50%;
  21.       transform: translate(-50%,-50%);
  22.       }
  23.       h1 {
  24.       text-align: center;
  25.       }
  26.       /* Reset Select */
  27.       select {
  28.       -webkit-appearance: none;
  29.       -moz-appearance: none;
  30.       -ms-appearance: none;
  31.       appearance: none;
  32.       outline: 0;
  33.       box-shadow: none;
  34.       border: 0 !important;
  35.       background: #2c3e50;
  36.       background-image: none;
  37.       }
  38.       /* Custom Select */
  39.       .select {
  40.       position: relative;
  41.       display: block;
  42.       width: 20em;
  43.       height: 3em;
  44.       line-height: 3;
  45.       background: #2c3e50;
  46.       overflow: hidden;
  47.       border-radius: .25em;
  48.       }
  49.       select {
  50.       width: 100%;
  51.       height: 100%;
  52.       margin: 0;
  53.       padding: 0 0 0 .5em;
  54.       color: #fff;
  55.       cursor: pointer;
  56.       }
  57.       select::-ms-expand {
  58.       display: none;
  59.       }
  60.       /* Arrow */
  61.       .select::after {
  62.       content: '\25BC';
  63.       position: absolute;
  64.       top: 0;
  65.       right: 0;
  66.       bottom: 0;
  67.       padding: 0 1em;
  68.       background: #34495e;
  69.       pointer-events: none;
  70.       }
  71.       /* Transition */
  72.       .select:hover::after {
  73.       color: #f39c12;
  74.       }
  75.       .select::after {
  76.       -webkit-transition: .25s all ease;
  77.       -o-transition: .25s all ease;
  78.       transition: .25s all ease;
  79.       }
  80.       body {
  81.       background-image: url("https://i0.wp.com/www.knoxalliance.store/wp-content/uploads/2017/05/light-color-background-images-for-website-top-hd-images-for-free-background-for-website-in-light-color-1-1024x640.jpg");
  82.       background-attachment: fixed;
  83.       background-position: center;
  84.       background-repeat: no-repeat;
  85.       background-size: cover;
  86.       }
  87.       .nav-icons:hover{
  88.       transition: all 1s;
  89.       transform: scale(1.1);
  90.       opacity: 1;
  91.       cursor: pointer;
  92.       }
  93.       .pick{
  94.       color:black;
  95.       }
  96.       .pick:hover{
  97.       color: black;
  98.       }
  99.       .pick #cls {
  100.       display: flex;
  101.       flex-flow: column wrap;
  102.       justify-content: center;
  103.       }
  104.       div.gallery {
  105.       position: relative;
  106.       top: 100px;
  107.       left: 7.5%;
  108.       margin: 5px;
  109.       border: 1px solid #ccc;
  110.       float: left;
  111.       height: 300px;
  112.       width: 300px;
  113.       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  114.       transition: 0.9s;
  115.       }
  116.       div.gallery:hover {
  117.       box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
  118.       }
  119.       /* sunan start */
  120.       p.rName{
  121.       padding-left: 10px;
  122.       font-family: 'Open Sans', sans-serif;
  123.       font-size: 30px;
  124.       font-weight:700;
  125.       color:  #003366;
  126.       }
  127.       p.location{
  128.       padding-left: 10px;
  129.       font-family: 'Open Sans', sans-serif;
  130.       font-size: 25px;
  131.       color: #1d2951;
  132.       }
  133.       p.cuisine{
  134.       padding-left: 10px;
  135.       font-family: 'Open Sans', sans-serif;
  136.       font-size: 20px;
  137.       color: #1d2951;
  138.       }
  139.       p.rating{
  140.       padding-left: 10px;
  141.       font-family: 'Open Sans', sans-serif;
  142.       font-size: 20px;
  143.       color: #1d2951;
  144.       }
  145.       /* sunan end */
  146.       div.filter{
  147.       position: relative;
  148.       top: 20%;
  149.       left: 60%;
  150.       }
  151.       div.filter.dropbtn {
  152.       background-color: #3498DB;
  153.       color: white;
  154.       padding: 16px;
  155.       font-size: 16px;
  156.       border: none;
  157.       cursor: pointer;
  158.       }
  159.       /* Dropdown button on hover & focus */
  160.       div.filter.dropbtn:hover, div.filter.dropbtn:focus {
  161.       background-color: #2980B9;
  162.       }
  163.       /* The container <div> - needed to position the dropdown content */
  164.       div.filter.dropdown {
  165.       position: relative;
  166.       display: inline-block;
  167.       }
  168.       /* Dropdown Content (Hidden by Default) */
  169.       div.filter.dropdown-content {
  170.       display: none;
  171.       position: absolute;
  172.       background-color: #f1f1f1;
  173.       min-width: 160px;
  174.       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  175.       z-index: 1;
  176.       }
  177.       /* Links inside the dropdown */
  178.       div.filter.dropdown-content a {
  179.       color: black;
  180.       padding: 12px 16px;
  181.       text-decoration: none;
  182.       display: block;
  183.       }
  184.       /* Change color of dropdown links on hover */
  185.       div.filter.dropdown-content a:hover {background-color: #ddd}
  186.       /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  187.       div.filter.show {display:block;}
  188.     </style>
  189. </head>
  190.  
  191. <body>
  192.   <nav class="navbar navbar-expand-lg navbar-light bg-dark" style="background-color: #2c3e50;"><a class="navbar-brand" href=""><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/facebook/105/camera_1f4f7.png" style="height:30px;margin-left:60px;" alt="Home"> Beautiful Bangladesh</a>
  193.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
  194.     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  195.       <ul class="navbar-nav mr-auto">
  196.         <li class="nav-item active"><a class="nav-link" href="#">
  197.             <!-- there is a use of form-->
  198.             <div style="color:white;">
  199.               <input class="form-control form-rounded" type="text" placeholder="Where to" style="border-radius: 1rem;width:120px;text-align:center;background-color:#fff;opacity: 0.5;font-style:white;">
  200.             </div>
  201.             <!-- there is a use of form--><span class="sr-only">(current)</span>
  202.           </a></li>
  203.       </ul>
  204.       <ul class="navbar-nav navbar-right" style="margin-right: 100px;">
  205.         <li>
  206.           <div class="nav-item nav-link nav-icons"><i class="fas fa-hotel" style="color: white;opacity: 0.6;font-size: 17px;"> hotels</i></div>
  207.         </li>
  208.         <li>
  209.           <div class="nav-item nav-link nav-icons"><i class="fas fa-bus-alt" style="color:white;opacity: 0.6;font-size: 17px;"><a href="/user/transportations"><b style="color: grey;">transportations </b></a></i></div>
  210.         </li>
  211.         <li>
  212.           <div class="nav-item nav-link nav-icons"><i class="fas fa-utensils" style="color:white;opacity: 0.6;font-size: 17px;"><a href="/user/restaurants"><b style="color: grey;"> restaurants</b></a></i></div>
  213.         </li>
  214.         <li>
  215.           <div class="nav-item nav-link nav-icons"><i class="fas fa-clipboard-list" style="color:white;opacity: 0.6;font-size: 17px;"><a href="/user/thingsToDo"><b style="color: grey;">things to do</b></a></i></div>
  216.         </li>
  217.         <li>
  218.           <div class="nav-item nav-link nav-icons"><i class="fas fa-bed" style="color: white;opacity: 0.6;font-size: 17px;"><a href="/user/payingGuest"><b style="color: grey;"> pg</b></a></i></div>
  219.         </li>
  220.       </ul>
  221.     </div>
  222.   </nav><br>
  223.   <div class="container">
  224.     <form action="/user/restaurants/undefined" method="POST">
  225.       <div class="row d-flex justify-content-around">
  226.         <div class="col-md-3 select">
  227.           <select name="place">
  228.             <option value="Place">Place</option>
  229.             <option value="Bandarban District">Bandarban District</option>
  230.             <option value="Rangamati">Rangamati</option>
  231.             <option value="Khagrachari District">Khagrachari District</option>
  232.             <option value="Patenga beach">Patenga beach</option>
  233.             <option value="Foys Lake">Foy's Lake</option>
  234.             <option value="Heritage Park">Heritage Park</option>
  235.             <option value="Bichnakandi">Bichnakandi</option>
  236.             <option value="Jaflong">Jaflong</option>
  237.             <option value="Madhobpur Lake">Madhobpur Lake</option>
  238.             <option value="Ratargul Swamp Forest">Ratargul Swamp Forest</option>
  239.             <option value="Lalbagh Fort">Lalbagh Fort</option>
  240.             <option value="Ahsan Manzil">Ahsan Manzil</option>
  241.             <option value="Somapura Mahavihara">Somapura Mahavihara</option>
  242.             <option value="Mahastangar">Mahastangar</option>
  243.             <option value="Kantajew Temple">Kantajew Temple</option>
  244.             <option value="Kuakata Beach">Kuakata Beach</option>
  245.             <option value="Cox Bazar">Cox's Bazar</option>
  246.             <option value="St. Martin Island">St. Martin Island</option>
  247.           </select>
  248.         </div>
  249.         <div class="col-md-2">
  250.           <button class="btn btn-primary btn-lg" type="submit">Search</button>
  251.         </div>
  252.       </div>
  253.     </form>
  254.   </div>
  255.  
  256.  
  257.   <div class="gallery">
  258.         <div class="desc">
  259.             <p class="rName">Owner Name</p>
  260.             <p class="location">location</p>
  261.             <p class="cuisine">No of rooms</p>
  262.             <p class="rating">4.4</p>
  263.         </div>
  264.     </div>
  265. </body>
  266.  
  267. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top