<!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 - About
</title>
</head>
<body>
<?php
require ("./files/nav.php");
?>
<div >
<div class="leftcolumn" >
<div class="card" style="color:#000000" >
<h2 style="color:#306EFF">About My Project</h2>
<p font size="6">This website is my final project for Software Engineering, SEIS 751 in Summer 2018, and it was designed with the following
programs :</p>
<p>
<ol>
<li>HTML5 / CSS</li>
<li>PHP</li>
<li>SQLite</li>
<li>Javascript (primarily via the jQuery library)</li>
</ol>
</p>
</div>
<div class="card">
<h2 align="center">Walkthrough</h2>
<p><ol>
<li> Home, About, Features, Contact - top level sections</li>
<li>Walkthrough - Details Navigationvigation </li>
<li>Content Map - Content Map </li>
<li>Wireframe - WireFrame</li>
<li>HTML5 - used in every page</li>
<li>CSS Layout Bootstrap - used a template and have responsiveness out of the box</li>
<li>Creatde and included a unique favicon </li>
<li>Glyphs, icons - Used in the Home page and the other pages</li>
<li>Video Element - Video</li>
<li>Audio Element - Audio</li>
<li>Slideshow - Slideshow</li>
<li>Data Visualization</li>
<li>Canvas Element</li>
<li>Server-Side(Persistent Storage)</li>
<li>Contact Form</li>
</ol></p>
</div>
<div class="card" >
<h2 align="center">Content Map</h2>
<p>The content of the project was designed using freemind</p>
<div class="content display-container" style="height:250px;" align="center">
<img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/Home.png" width="650" height="250" align="center"/>
</div></div>
<div class="card " style="height:900px;">
<h2 align="center">Wireframe</h2>
<p>The wireframe Designed</p>
<div class="content display-container" style="height:350px;" align="center">
<img src="http://linux2.gps.stthomas.edu/~doug1324/project/img/wireframe.png" width="650" height="350" align="center"/>
</div></div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="img" style="height:450px;"><img width="250" height="200" src="http://linux2.gps.stthomas.edu/~doug1324/project/img/IMG_20171103_231850.jpg"e</div>
<a>
<p>I am Aba Dougan, a second year student of the Graduate Software Engineering class of 2019. </p>
<p>
This project was taken in connection with the SEIS 751 course or the Summer 2018.
</p>
</a>
</div>
</div>
<div class="card" style="height:610px;" >
<h2 align="center">Credits</h2>
<p>Used Google Map API from:<a href="https://developers.google.com/maps/documentation/javascript/tutorial"> Google Map API:</a>
</p>
<p>Used Bootstrap framework to style the site.
<p>Used Google font from:<a href="https://fonts.google.com/"> Google font:</a>
</p>
<p> Implementation used was also jQuery functions.</p>
<p>Used code from the HTML5 Boilerplate.</p>
<p>
Used JSON Album from:
<a href="https://docs.microsoft.com/en-us/groove/groove-service-rest-reference/json-album">Json Album</a></p>
<p>JSON Examples<a href="https://litjson.net/docs/quickstart/mapping-json-to-object">JSON</a>
</p>
<p>Used the date from:<a href="http://www.triconsole.com/php/calendar_datepicker.php">Date</a></p>
<p>Used the canvas element from:<a href="https://www.kirupa.com/html5/creating_simple_html5_canvas_animation.htm"> Canvas Element:</a>
</p>
<p>Used the PHP Manual from:<a href="http://php.net/manual/en/"> PHP Manual:</a>
</p>
<p>Used other references from:<a href="https://www.w3schools.com/"> Other references:</a>
</p>
<p>Used Google visualization from:<a href="https://developers.google.com/chart/interactive/docs/gallery/gauge"> Google Visualization:</a>
</p>
</div>
</div>
</div>
<canvas>
</canvas>
<!-- 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.