home.php

<!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.