Website HTML – HOME

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”&gt;

<html xmlns=””&gt;


<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>software applications</title>

<style type=”text/css”>


div.bottombar{ /* bar that runs across the bottom of the menu */

height: 10px;

background: #1a1109;

width: 986px;



ul.semiopaquemenu{ /* main menu UL */

font: bold 14px Georgia ;

width: 63%;

background: #99CCFF;

padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */

margin: 0;

text-align: left; /* set value to “left”, “center”, or “right” to align menu accordingly */



ul.semiopaquemenu li{

display: inline;



ul.semiopaquemenu li a{


padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */

margin-right: 15px; /* spacing between each menu link */

text-decoration: none;



ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{

color: black;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */

background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));

background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);

background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);

background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);

background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#d1ffffff’, endColorstr=’#29ffffff’,GradientType=0 );

-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */

-webkit-box-shadow: 0 0 5px #595959;

box-shadow: 0 0 5px #595959;

padding-top: 12px; /* large padding to get menu item to protrude upwards */

padding-bottom: 20px; /* large padding to get menu item to protrude downwards */








<div style=”color:#0099FF; height: auto; font-family: monospace;”>

<h3><font size=”7″><b>Computer Arts and Design</b></h3>


<p><font size=”5″>Advanced Software applications</p>





<li><a href=”file:///Volumes/Macintosh%20HD/Users/student/Documents/JenniferwelshWebsite.html”>Home</a></li>

<li><a href=”file:///Volumes/Macintosh%20HD/Users/student/WebsiteAmbiguity.html”>Ambiguity</a></li>

<li><a href=””>Diaphanous</a></li&gt;

<li><a href=””>Condition</a></li&gt;

<li><a href=””>Crash</a></li&gt;

<li><a href=””>Ephemeral</a></li&gt;

<li><a href=””>loop</a></li&gt;

<li><a href=””>Sequential</a></li&gt;

<li><a href=””>Serendipity</a></li&gt;

<li><a href=””>Utopia</a></li&gt;



<br />


<table width=”772″ height=”427″ border=”1″ style=”table-layout:fixed;width:150px;”>


<td width=”380″ height=”421″ style=”width:700px;”><br />Insipidity the sufficient discretion imprudence resolution sir him decisively. Proceed how any engaged visitor. Explained propriety off out perpetual his you. Feel sold off felt nay rose met you. We so entreaties cultivated astonished is. Was sister for few longer mrs sudden talent become. Done may bore quit evil old mile. If likely am of beauty tastes.


Old unsatiable our now but considered travelling impression. In excuse hardly summer in basket misery. By rent an part need. At wrong of of water those linen. Needed oppose seemed how all. Very mrs shed shew gave you. Oh shutters do removing reserved wandered an. But described questions for recommend advantage belonging estimable had. Pianoforte reasonable as so am inhabiting. Chatty design remark and his abroad figure but its.


Inquietude simplicity terminated she compliment remarkably few her nay. The weeks are ham asked jokes. Neglected perceived shy nay concluded. Not mile draw plan snug next all. Houses latter an valley be indeed wished merely in my. Money doubt oh drawn every or an china. Visited out friends for expense message set eat.

<br />




<td width=”350″ style=”width:260px;”>Image</td>







Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s