home page

test/views/pages/home.php

@@ -105,10 +105,132 @@
 			</a>
 			</a>
 			</li>
 			</li>
 		</ul>
 		</ul>
-	</nav>
+	</div>
+</div>
+</nav>
 
 
+<div id="AboutSection"class="container-fluid">
+  <div class="row">
+    <div class="col-sm-8">
+      <h2>About our hotel</h2>
+      <h4>Located in the small town of Jaén in Spain, Trump Conference & SPA Resort was opened in 2006 as the first 5 stars hotel on the southern coast of the Alboran sea. (We will imagine it's on the sea, professor)
+	  Hotel Trump is situated 2 kilometers from the tourism capital of Spain - Malaga - right at the seafront, with its own private beach.
+	  The hotel has 322 superior rooms, most of them with sea view, as well as 4 Junior and 13 Wellness suites, a Penthouse and a Presidential suite for VIP guests.</h4>
+      <p>Our hotel has four bars and three restaurants of different cuisines, the largest SPA centre in Spain and the Casino Royal.
+	  Trump Conference & SPA Resort has the largest conference venue in Spain. The venue can host up to 800 people.
+	  Hotel Trump offers several modern halls and syndicate rooms with beautiful decoration and all the necessary technical equipment, suitable for business events, but also for weddings, gala dinners or family celebrations.</p>
+      <button class="btn btn-default btn-lg">Get in Touch</button>
+    </div>
+    <div class="col-sm-4">
+      <span class="glyphicon glyphicon-signal logo"></span>
+    </div>
+  </div>
+</div>
+
+<div id="myDifferentDiv2" class="container-fluid bg-grey">
+  <div class="row">
+    <div class="col-sm-4">
+      <span class="glyphicon glyphicon-globe logo"></span>
+    </div>
+    <div class="col-sm-8">
+      <h2>IMPORTANT NOTICE FOR OUR GUESTS</h2>
+      <h4>Following the recommendations issued by the Government of Spain related to suppression and prevention of <strong> coronavirus COVID19 </strong> outbreak,
+	  Hotel Trump Conference and SPA Resort will be temporally closed for the duration of implementation of the said measures.
+	  All bars and restaurants, as well as the Trump Spa center, will be closed. <strong>Management of the hotel
+	  TRUMP RESORTS.</strong></h4>
+      <p><strong>Thank you for your understanding!</strong></p>
+    </div>
+  </div>
+</div>
+
+<div id="RoomsSection" class="container-fluid text-center bg-grey">
+  <h2>Rooms</h2>
+  <h4>What we have</h4>
+  <div class="row text-center">
+    <div class="col-sm-4">
+      <div class="thumbnail">
+        <img src="<?php echo base_url();?>assets/images/soba1.jpg" alt="Paris">
+        <p><strong>Paris</strong></p>
+        <p>Yes, we built Paris</p>
+      </div>
+    </div>
+    <div class="col-sm-4">
+      <div class="thumbnail">
+        <img src="<?php echo base_url();?>assets/images/soba2.jpg" alt="New York">
+        <p><strong>New York</strong></p>
+        <p>We built New York</p>
+      </div>
+    </div>
+    <div class="col-sm-4">
+      <div class="thumbnail">
+        <img src="<?php echo base_url();?>assets/images/soba3.jpg" alt="San Francisco">
+        <p><strong>San Francisco</strong></p>
+        <p>Yes, San Fran is ours</p>
+      </div>
+    </div>
+</div>
+
+<h2>What our guests say</h2>
+<div id="myCarousel1" class="carousel slide text-center" data-ride="carousel">
+  <!-- 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>
+  </ol>
+
+  <!-- Wrapper for slides -->
+  <div class="carousel-inner" role="listbox">
+    <div class="item active">
+    <h4>"This hotel is the best. I am so happy with the result!"<br><span style="font-style:normal;">Michael Roe, Vice President</span></h4>
+    </div>
+    <div class="item">
+      <h4>"One word... WOW!!"<br><span style="font-style:normal;">John Doe, Salesman</span></h4>
+    </div>
+    <div class="item">
+      <h4>"Could I... BE any more happy with this hotel?"<br><span style="font-style:normal;">Chandler Bing, Actor</span></h4>
+    </div>
+  </div>
+
+  <!-- Left and right controls -->
+  <a class="left carousel-control" href="#myCarousel1" 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="#myCarousel1" role="button" data-slide="next">
+    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
+
+<div id="ContactSection" class="container-fluid bg-grey">
+  <h2 class="text-center">CONTACT</h2>
+  <div class="row">
+    <div class="col-sm-5">
+      <p>Contact us and we'll get back to you within 24 hours.</p>
+      <p><span class="glyphicon glyphicon-map-marker"></span> Jaén, Spain</p>
+      <p><span class="glyphicon glyphicon-phone"></span> +34 603223322</p>
+      <p><span class="glyphicon glyphicon-envelope"></span> info@trumphotel.com</p>
+    </div>
+    <div class="col-sm-7">
+      <div class="row">
+        <div class="col-sm-6 form-group">
+          <input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
+        </div>
+        <div class="col-sm-6 form-group">
+          <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
+        </div>
+      </div>
+      <textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br>
+      <div class="row">
+        <div class="col-sm-12 form-group">
+          <button class="btn btn-default pull-right" type="submit">Send</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 
 
-	About page <br>
 	<!--Home page when no one is logged in -->
 	<!--Home page when no one is logged in -->
 	<?php 
 	<?php 
 		if(!isset($_SESSION['logged_in']))
 		if(!isset($_SESSION['logged_in']))