Create a responsive website about a topic of your choice with at least 5 pages.
ID: 3881218 • Letter: C
Question
Create a responsive website about a topic of your choice with at least 5 pages. The site must have a homepage in addition to a minimum of 4 sub-pages, and must provide both graphical and text-based navigation. Minimum technical requirements are:
1) Use of tables
2) Use external and embedded CSS
3) Use of images
4) Use of hyperlinks of internal and external styles.
5) Use of forms.
6) Use of View Ports (Desktop, Tablet, and Mobile)
7) Use of Javascript
Topic suggestions:
a fake corporate site
home, company history, products, press info, contact
a real corporate site
find a site that you'd like to redesign and redesign it
an entertainment site
home, comix, film reviews, editorial, game, "about" page
portfolio
home, samples, contact, bio, experiment
Explanation / Answer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="Marine Plus, Sanjeev Gupta, Visakhapatnam Marine, Marine, Guard Boats, Marine, Marineplus, Marine plus careers, marine plus services, Chase vessels, Marine infra, marine pride, maverick engineering, Sanskiriti">
<title>Marine plus :: Home</title>
<link href="media/css/style.css" type="text/css" rel="stylesheet" />
<script src="media/js/all.js" type="text/javascript"></script>
</head>
<body>
<div id="maincontainer">
<div id="pageHeader">
<div class="logo"><a href="#"><img src="media/img/logo.png" border="0" alt="logo" title="logo" ></a></div>
<div class="call"></div>
</div>
<div class="menupan">
<div class="Lbg"></div>
<div class="Rbg">
<ul>
<li><img src="media/img/menu-line.gif" /></li>
<li class="menu_act">Home</li>
<li><img src="media/img/menu-line.gif" /></li>
<li><a href="services.html">Services</a></li>
<li><img src="media/img/menu-line.gif" /></li>
<li><a href="clients.html">Clients</a></li>
<li><img src="media/img/menu-line.gif" /></li>
<li><a href="contactus.html">Contact Us</a></li>
<li><img src="media/img/menu-line.gif" /></li>
<li><a href="careers.html">Careers</a></li>
<li><img src="media/img/menu-line.gif" /></li>
<li><a href="gallery.html">Gallery</a></li>
<li><img src="media/img/menu-line.gif" /></li>
</ul>
</div>
</div>
<div id="bodypan">
<div class="banner">
<div class="bannerimgs jsEditorialContent">
<ul>
<li class="item first"><a href="#" class="image"><img src="media/img/banner-img1.jpg" alt="" title="marine plus vessel"/></a></li>
<li class="item"><a href="#" class="image"><img src="media/img/banner-img2.jpg" alt="" title="marine plus chase boat"/></a></li>
<li class="item"><a href="#" class="image"><img src="media/img/banner-img3.jpg" alt="" title="marine plus crew"/></a></li>
<li class="item"><a href="#" class="image"><img src="media/img/banner-img4.jpg" alt="" title="marine plus gaurd boat"/></a></li>
<li class="item"><a href="#" class="image"><img src="media/img/banner-img5.jpg" alt="" title="marine plus work at visakhapatnam"/></a></li>
</ul>
</div>
</div>
<h2 >Welcome to Marine plus </h2>
<p >Marine Plus established in year 2004 at Visakhapatnam (East Coast of India) is in the business of providing Tugs, Chase Vessels, Guard Boats, Dredging Support Vessels, Logistics Services to Oil and Gas industries on both East and the West Coast of India.</p>
<p>Its providing off-shore services to support activities in Seismic Research, Oceanography, Off-shore oil activities etc.,</p>
<p>Marine Plus is having its own fleet of Tugs, Trawlers and Motor Boats for working in various segments to lead the industry requirement.</p>
<p>Through its various other organization, Marine Plus is also into the business of Non-Destructing Testing, PWHT, Destructive Testing, Ship Chandelling and Supply of various engineering and other goods to Indian Navy/Coast Guard.</p>
<div class="servicespan">
<h3>Our Services</h3>
<div class="servicesslide">
<div class="slideimgs"><a href="marineplus.html" title="marine plus"><img src="media/img/plus.png" width="240" height="137" alt="marine plus" /></a></div>
<div class="slideimgs"><a href="http://www.marineinfra.in" title="marine infra" ><img src="media/img/infra.png" width="240" height="137" alt="infra" /></a></div>
<div class="slideimgs"><a href="sanskriti.html" title="Sanskriti enterprises"><img src="media/img/sanskiriti.png" width="240" height="137" alt="sanskriti" /></a></div>
<br class="clear" />
</div>
</div>
<br class="clear" />
</div>
<div id="footerpan">
<ul>
<li><a href="index.html" title="marine plus home">Home</a></li>
<li>|</li>
<li><a href="services.html" title="marine plus services">Services</a></li>
<li>|</li>
<li><a href="clients.html" title="marine plus clients">Clients</a></li>
<li>|</li>
<li><a href="contactus.html" title="marine plus contact details" >Contact Us</a></li>
<li>|</li>
<li><a href="careers.html" title="careers at marine plus">carrers</a></li>
<li>|</li>
<li><a href="gallery.html" title="careers at marine plus">Gallery</a></li>
</ul>
<div>copyright @ www.marineplus.in</div>
</div>
</div>
<script type="text/javascript">$('.jsEditorialContent').feature();</script>
<form> <input type="text" pattern="[a-zA-Z0-9]{5,8}" title="Type 5 to 8 alphanumeric characters"> <input type="submit"> </form>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.