<!DOCTYPE html>
<html lang ="en">
<head>
<meta charset = "utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="SEIS751 Projct">
<meta name="author" content="Aba Dougan">
<!-- Bootstrap core CSS -->
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/style.css" rel="stylesheet">
<link href="http://linux2.gps.stthomas.edu/~doug1324/project/css/sticky-footer.css" rel="stylesheet">
<!-- favicon -->
<link rel="shortcut icon" href="http://linux2.gps.stthomas.edu/~doug1324/project/img/images.favicon.ico" type="image/x.icon" sizes="50x50"/>
<title>
Aba Project - Home
</title>
</head>
<body>
<?php
require ("./files/nav.php");
?>
<!-- Page Content -->
<div>
<div class="leftcolumn1" style="height:1200px" >
<div class="card" style="height:900px">
<p><h2 style="color:#306EFF" align="center">The Most Beautiful Places in World</h2></p>
<div class="content display-container" style="height:500px;" align="center">
<img class="mySlides" src="https://1.bp.blogspot.com/-mEkoNWHCzpY/UrFewpNVptI/AAAAAAAAA6U/ErZDGGQ_3Nc/s1600/Christmas+in+Las+Vegas+Mandalay+Bay+Hotel.jpg" width="800" height="500" class="thumbnail__image"/>
<img class="mySlides" src="https://static.wixstatic.com/media/7d23b1_d08386cbbe0e4492a5321a16cfcb09b8~mv2.jpg/v1/fill/w_429,h_288,al_c,q_80,usm_0.66_1.00_0.01/7d23b1_d08386cbbe0e4492a5321a16cfcb09b8~mv2.webp" width="800" height="500" class="thumbnail__image"/>
<img class="mySlides" src="http://linux2.gps.stthomas.edu/~doug1324/project/img/p1.jpg" width="800" height="500" class="thumbnail__image"/>
<img class="mySlides" src="http://linux2.gps.stthomas.edu/~doug1324/project/img/p2.jpg" width="800" height="500" class="thumbnail__image"/>
<img class="mySlides" src="http://linux2.gps.stthomas.edu/~doug1324/project/img/p3.jpg" width="800" height="500" a class="thumbnail__image"/>
<img class="mySlides" src="http://linux2.gps.stthomas.edu/~doug1324/project/img/p4.jpg" width="800" height="500" class="thumbnail__image"/>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 2000); // Change image every 2 seconds
}
</script>
<p>
<h5 align="center">Display of Nature, July 12, 208</h5>
<p>You've heard about the spacious skies and amber waves of grain, but what about the painted deserts, prismatic hot springs, giant redwood forests, and active volcanoes? You could spend a lifetime exploring the sites of America, all as beautiful as they are divers</p>
</p>
</div>
</div>
</div>
<div class="rightcolumn1" style="height:1000px">
<div class="card" style="height:900px">
<div align="center"><p><img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/6229062-beautiful-pictures.jpg" width="210" height="180" /></p></div>
<div align="center"><p><img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/1565882.jpg" width="210" height="180" /></p></div>
<div align="center"><p><img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/bufly.jpg" width="210" height="180" /></p></div>
<div align="center"><p><img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/8d274d385af1a8462018fdd2f46af62e--most-beautiful-flowers-rare-flowers.jpg" width="210" height="180" /></p></div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<?php
require ("./files/footernav.php");
?>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
My Web Design & Development
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.