GOS - Class ACTIVITY

Hi,
Where is used the generic object service with class ACTIVITY?
I though it was on transaction PB60 but I'm seeing that in PB60 it's using the class APPLICANT as in PB30.
Thanks for your help,
mforman

cl_fitv_gos might have nice functionality but since it is part of a specific application and not the AS layer, it can't be supported for general usage. Likely this class is a wrapper or helper for the resuable classes CL_GOS* - http://help.sap.com/saphelp_nw70ehp1/helpdata/en/be/3fe63659241157e10000009b38f889/frameset.htm

Similar Messages

Class activation failed Error when trying to activate the enhancement

Hi ,
Wheni try to activate the enhancement for the component BP_HEAD_SEARCH view SEARCHHELP
i get the following error message Class activation failed Message no. BL001
the error occurs in implementation class , as wizard is adding some junk code.
Is there other way to work on it .
Edited by: sowmya K on Dec 9, 2008 2:00 PM
Edited by: Lakshmi on Dec 10, 2008 9:14 AM

The method WD_CREATE_CONTEXT in your Z-class has two ENDMETHOD. lines, one before and one after the wizard-implementation "ztyped_context ?= context." Just delete the first ENDMETHOD. line and activate the class, should work fine.
Alternatively implement the note 1167357
Edited by: Philip Kopetzky on Jan 14, 2009 12:34 PM

GOS Button in FB02 - GOS De-activated?

Hi Experts...
Houston i´m having a problem. We need to show the GOS button or at least navigate by menu in order to access to the "workflow history" of the financial document. I think that GOS services has been deactivated for some objects in this system for performance and space issues, pls, do you know where this activation can be done?.
Thanks in advance,
Regards,
Maquiavelito.

Hi
Another reason why the GOS is missing in FB02 could be that your user is defined as a User Type "Service User" in SU01 under the "Logon Data" tab.
If that's the case then try to change the user type to "Dialog User" (and from a security point of view - always use the type Dialog User for your Dialog users ).
For some reason GOS is never available for service users.
Regards
Morten Nielsen

Is .class-active:hover good css?

I ran across some code for a menu that has this in the css:
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover { position:relative; display:block; padding:3px 10px 3px 10px; font:20px arial; background-color:#5B7893; color:#BECBD6; font-weight:bold; text-decoration:none; white-space:nowrap; width:195px; }
I understand what .item1 and .item1:hover are but I've can't find any tutorial that shows something like .item1-active and .item1-active:hover.
Is this legit css and if so what does it mean?
Thanks
Tom

I understand what .item1 and .item1:hover are but I've can't find any tutorial that shows something like .item1-active and .item1-active:hover.
Is this legit css and if so what does it mean?
Yes, it's legit.
.item1-active would refer to an item with that as a class assignment -
<a class="item1-active" href="whatever.html">
.item1-active:hover would refer to the hover state of that same item.

On activating persistent class: There is no mapping for one or more fields

Hi all,
I'm using an ECC 6.0 system.
I've just created a persistent class and defined the persistence. When I try to activate the class activating fails and I get the message "There is no mapping for one or more fields."
I did not, in fact, use all the fields of the database table I defined the persistence on. When I do use all the fields activating the class works without a problem.
However, as far as I know it should be possible to select only some of the fields when defining the persistence (the only fields I have to select are all the key fields of the table and I've done this).
Has anybody encountered the same problem or has anybody any idea on this?
Cheers,
Kathy

Hi Kathy,
this is exactly what I meant.
If you'd like, then you can also take a look at the documentation: http://help.sap.com/saphelp_nw04/helpdata/en/b0/9d0a3ad259cd58e10000000a11402f/frameset.htm
There under Mapping, you can find:
"You must map all columns of a database table to attributes. If you only want to manage some of the columns using Object Services, you must create a database view."
Making attributes private doesn't change the fact, that you still map all fields. If you have a lot of fields, which you don't want to map, then I will again suggest, that you define a DB-view. This will boost the performance of your implementation.
In case you need "quality 1st" performance, then I would suggest to use an ABAP implementation with internal tables, instead of the Persistent Service.
HTH,
Hristo

Any way to make "active" pseudo-class sticky?

Here's how I do my "on-clicks" via CSS :
a#button1, a#button2, a#button3 {
    display:block;
    float:left;
    width:50px;
    height:50px;
a#button1 { background:url(button1.png) 0 0 no-repeat }
a#button1:active { background-position:-55px 0 }
a#button2 { background:url(button2.png) 0 0 no-repeat }
a#button2:active { background-position:-55px 0 }
a#button3 { background:url(button3.png) 0 0 no-repeat }
a#button3:active { background-position:-55px 0 }
These buttons hide/unhide divs, and I'd like my menu to keep the active state visible after letting go of the mouse button. As an indicator of what div we're at.
What's the best way to do this? Note : It's obviously important that when a new button lights up, the previously lit one goes back to its regular state.

The psudo class :active simply is not for what you are attempting. Here's an example I've created using CSS and HTML only for a menu where the "on" state stays when you click an item. Normally you would use a javascript link highlighter for that type of thing. You can tear apart and change it to your needs if you're interested...
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
b {
margin:0;
padding:0;
.rtb { /* background and rounded edges of entire nav area */
margin:auto;
position:relative;
height:28px;
width:376px;
background-color:#099;
border:1px solid black;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
padding:0 20px;
clear:both;
box-shadow:5px 5px 10px 10px #CCC;
.rtb input[type="radio"] { /* Hides the standard radio button from view */
    position:relative;
display:none;
.rtb label { /* Sets attributes for the label of each radio button, which is still displayed */
    position:relative;
display:block;
float:left;
top:0px;
height:20px;
width:70px;
    background-color:#06C;
    padding:4px 11px;
    font-family:Arial;
    font-size:16px;
border-left:1px solid #06C;
border-right:1px solid #06C;
.rtb input[type="radio"]:checked + label { /* Sets the radio button label checked state (when a radio button is checked) */
    background-color:#bbb;
border-left:1px solid black;
border-right:1px solid black;
.rtb input[type="radio"] + label b { /* Makes all rb label information panels (inside the b tag inside the label) invisible */
display:none;
.rtb input[type="radio"]:checked + label b { /* Sets the rb label information (b tag) checked state (when radio button is checked) */
position:relative;
top:5px;
width:350px;
display:block;
font-weight:normal;
padding:10px;
border-radius:10px;
border:1px solid black;
background-color:white;
margin-top:10px;
box-shadow:5px 5px 10px 10px #CCC;
.btn1 { /* sets button 1 attributes */
position:relative;
width:276px;
.btn2 { /* sets button 2 attributes */
position:relative;
left:-94px;
width:276px;
.btn3 { /* sets button 3 attributes */
position:relative;
left:-188px;
width:276px;
.btn4 { /* sets button 4 attributes */
position:relative;
left:-282px;
width:276px;
</style>
</head>
<body>
    <div class="rtb">
        <input type="radio" id="radio1" name="radios" value="all" checked="checked" />
        <label for="radio1">Look<b class="btn1">I have gone ahead and created a way</b></label>
        <input type="radio" id="radio2" name="radios" value="false" />
        <label for="radio2">Open<b class="btn2">to display separate text boxes, on click using all CSS</b></label>
        <input type="radio" id="radio3" name="radios" value="true" />
        <label for="radio3">Test<b class="btn3">no javascript was <a href="http://www.google.com" target="_blank">harmed</a>, er, written in the making of this menu</b></label>
        <input type="radio" id="radio4" name="radios" value="true" />
        <label for="radio4">Like<b class="btn4">And it validates as XHTML 1.0 and CSS</b></label>
    </div>
</body>
</html>

Dreamweaver Teamplate with Library Item for Navigation/Sidebar not updating editable classes

I have a Dreamweaver Template that contains two Library items. One Library item is my navigation bar, the other is a sidebar that shows different content depending on what page you are on. I'm assigning an editable class "active" to the navigation bar to show you are on a particular page, and also assigning the editable class "active" to the sidebar to reveal a portion of the sidebar with links pertaining to that specific page. The default value for the class is "hidden". So what is happening is when I open a page I have created and "edit" the Library Items in it to edit these classes, it resets resets all the other pages on the site to the default class values. How am I able to use editable classes and Library Items to achieve this kind of functionality? The idea is to only have ONE navigaton bar to update on the site and to only have ONE sidebar item to update. Here is an example of the sidebar and navigation in action so you can see what I'm going for. Notice the green button in the navigation bar (that is a list item with the class "active" which is an editable class in the Library Item, also notice the tan links in the sidebar, that is an unordered list that has an editable class of "active" in the Library Items --- these editable classes reset to their defaults when updating the Library Item on the website).
http://www.brumleve.org/joe/temp/CAP/mission.html

In my understanding, whenever you edit the contents of a library item, it will update all other occurances of this library item on the rest of the site. That's "working as designed" as far as I know, unless you break the link by telling it to not update - which kinda defeats the purpose I think.
But theres another way to do this using template properties, i#ve been using this approach myself a couple of times:
Write your navigation bar in the template (.dwt) file itself, then select the class= of your first menu item and choose .. (names might be off, I am using a non-English copy of DW): "modify > template > make attribute editable" from the main menu. Do so for all your menu items and name these new template properties something like "item_x_class"
You'll end up with something like this in your template source:
<div class="@@(item_1_class)@@">
and a matching
 in the header
Now, on each page, you can set the class within the template properties dialog ("modify > template properties"). If your main menu changes, it won't overwrite your template properties, but still update all pages when you do make a change to the menu.
If you're using multiple templates for your site, consider nesting templates, so the master template already includes your navbar and all subsequent templates will "inherit" changes to the navbar code (sans the editable class property).
Hope this helps.. or at least gives you an idea for further experiments..
Stephan

How to redefine GOS toolbar function "SEND OBJECT WITH NOTE" for deliveries

Hello Abapers,
for inbound and outbound deliveries (tcodes VL01N, VL02N, VL03N, VL31N, VL32N, VL33N) I have to replace the GOS toolbar function SEND OBJECT WITH NOTE with a redefined function matching the following specifications:
- Title field needs a different content
- Text (note content) should be filled by default, maybe with standard text, but can be overwritten
- All attachments in the attachment list of the object should be included by default or be selectable thru an additional button
Also possible could be an addiitonal toolbar function SEND ATTACHMENTS WITH NOTE as a copy of SEND OBJECT WITH NOTE.
Although I checked the SDN forums for a matching solution, I couldn't find one in tons of GOS threads.
Perhaps someone had solved a similar problem to send obejct with notes from GOS toolbar with several of the object's attachments.
Maybe some GOS classes have to be redefined for that, but this should only be available for deliveries, not for the other BOR types.
I'm waiting for your ideas.
Best regards,
Klaus
Edited by: Klaus Babl on Feb 16, 2012 10:13 AM

No the list of steps done to solve the issue:
1. Copy of class CL_GOS_SRV_SEND_OBJECT to new class /SIE/IS_BSD_GOS_SRV_SEND_ATT.
2. SM30 for table SGOSATTR: New entry for new service ZSO_SENDATT for the new class.
3. Copy of methods ON_SERVICE_SUCCEEDED, CHECK_STATUS, CREATE_ROOT_ITEM and ON_LINK_CREATED from class CL_GOS_SRV_ATTACHMENT_LIST to the new class.
4. New code added to the top of method CHECK_STATUS to show the service for deliveries only:
IF is_lporb-typeid NE 'BUS2015'
AND is_lporb-typeid NE 'LIKP'.
    ep_status = mp_status_invisible.
    EXIT.
ENDIF.
5. Copy of function group SAPLSGOS_OUTBOX and function module SGOS_SEND_OBJECT_WITH_NOTE to own copies.
6. Before calling cl_bcs=>short_message there are several steps to do:
- CALL METHOD cl_binary_relation=>read_links
- CALL FUNCTION 'SO_DOCUMENT_READ_API1' for all links
- cl_document_bcs=>create_document for all those documents (we are using types ATTA, NOTE and URL)
- APPEND those created documents to the attachment table and pass it to i_attachments of cl_bcs=>short_message
Solved issue!
COMMENT: This SDN wiki document is outdated and doesn't work any more:
http://wiki.sdn.sap.com/wiki/display/Snippets/ABAP-SendingGOSattachmentstoanemailaddress
Best regards,
Klaus

Implementing evetns in my own classes

I am currently developing a class that I want to enable with events so that consumers of my class can get feedback of class activity.
So consumers should be able to add listeners (containing callback methods) to instances of the class. Although my current class is GUI related (I am writing my own tablemodel) my issue is not limited to GUI development I think (therefore posted here and not in Swing forum).
So far I am a little familiar with Listener and Adapter classes but now the point:
Do I have to implement my own addBlaBlaListener and removeBlaBlaListener methods implementing my own methods to handle the list of current listeners (e.g. choosing the appropriate array, list, stack or whatever classes to store the references) or is there some ready-made-classes from the libraries that should/can be used?

tjacobs01 wrote:
Why do you need to create UI-style events?I am building my own Table model as the simple table model is too basic for my common needs. In that table model I need to provide events being fired when table cells change.
I highly recommend using the Observable/Observer pattern where possible. Otherwise, see an example for custom events in my InfoFetcher.FetcherListener interface
http://forums.sun.com/thread.jspa?threadID=759854&tstart=62264
I heard/read about the Observer and Observerable but when I searched for event handling I always found the methods I am currently trying. That's the only reason why I use that here - because this is what I found how others recommend to do it. If there is a better option - I am open and flexible - yet (in a year when everything was implemented probably not ;-) ).

Show Active Link with Spry Sliding Panels

Hi,
Whilst googling to a solution to my problem I came accross this sample:
http://labs.adobe.com/technologies/spry/samples/slidingpanels/SlidingPanels_withTabs.html
Is there anyway that simple HTML links that can be used instead of tabs? I have a navigation menu that contains links which link to specific panels using the ShowPanel() function, but once a panel is selected via one of these links, I want that link to become 'active' and display in a different colour.
So far I have this:
<a href="#" class="active" onclick="sp1.showPanel('p1'); return false;">Home</a><br />
<a href="#" onclick="sp1.showPanel('p2'); return false;">Latest News</a><br />
<a href="#" onclick="sp1.showPanel('p3'); return false;">FAQ's </a></div>
The 'active' class represents the link that is currently active, but I don't know how to dynamically switch the active link when another panel is selected.
Does anybody know how this could be achieved?
Thanks

Did you check out the source code for that those panels?
http://labs.adobe.com/technologies/spry/samples/slidingpanels/sp_withTabs.js
Als you see, they use a separate function to set active classes to the tabs. You can use the same functionality for your active link class.

"null" does not have metadata

I have an abstract base class named "Activity" and a derived class named
"Transfer". When trying to retrieve an instance of "Transfer" using
Transfer t = (Transfer)pm.getObjectById( new Transfer.OID( 100 ),true );
it throws
Nested exception is:
Type "null" does not have jdo metadata.
javax.jdo.JDOUserException: Type "null" does not have jdo metadata.
at
com.solarmetric.kodo.impl.jdbc.runtime.JDBCStoreManager.getMetaData(J
DBCStoreManager.java:645)
at
com.solarmetric.kodo.impl.jdbc.runtime.JDBCStoreManager.initialize(JD
BCStoreManager.java:254)
at
com.solarmetric.kodo.runtime.StateManagerImpl.<init>(StateManagerImpl
..java:100)
at
com.solarmetric.kodo.runtime.PersistenceManagerImpl.getObjectByIdFilt
er(PersistenceManagerImpl.java:957)
at
com.solarmetric.kodo.runtime.PersistenceManagerImpl.getObjectById(Per
sistenceManagerImpl.java:865)
at java.lang.reflect.Method.invoke(Native Method)
However, the following is successful:
Transfer t = (Transfer)pm.getObjectById( new Activity$OID( 100 ),true );
What are the rules for derived classes? Do they each need/not need an
OID inner class? Does the base class need/not need the OID inner class?
When calling getObjectById using the base class (Activity$OID) how
does it know which subclass I'm interested in?
Thanks

Typo. Should read:
However, the following is successful:
Transfer t = (Transfer)pm.getObjectById( new Activity.OID( 100 ),true);
Michael Welter wrote:
I have an abstract base class named "Activity" and a derived class named
"Transfer". When trying to retrieve an instance of "Transfer" using
Transfer t = (Transfer)pm.getObjectById( new Transfer.OID( 100 ),true );
it throws
Nested exception is:
Type "null" does not have jdo metadata.
javax.jdo.JDOUserException: Type "null" does not have jdo metadata.
at
com.solarmetric.kodo.impl.jdbc.runtime.JDBCStoreManager.getMetaData(J
DBCStoreManager.java:645)
at
com.solarmetric.kodo.impl.jdbc.runtime.JDBCStoreManager.initialize(JD
BCStoreManager.java:254)
at
com.solarmetric.kodo.runtime.StateManagerImpl.<init>(StateManagerImpl
.java:100)
at
com.solarmetric.kodo.runtime.PersistenceManagerImpl.getObjectByIdFilt
er(PersistenceManagerImpl.java:957)
at
com.solarmetric.kodo.runtime.PersistenceManagerImpl.getObjectById(Per
sistenceManagerImpl.java:865)
at java.lang.reflect.Method.invoke(Native Method)
However, the following is successful:
Transfer t = (Transfer)pm.getObjectById( new Activity$OID( 100 ),true );
What are the rules for derived classes? Do they each need/not need an
OID inner class? Does the base class need/not need the OID inner class?
When calling getObjectById using the base class (Activity$OID) how does
it know which subclass I'm interested in?
Thanks

How do I add text or images to the right hand side of a web page?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Digital Media Final Project—Using HTML5 & CSS3</title>
<meta name="Digital Media MA 2012" content="width=device-width" />
<link rel="stylesheet" href="css/html5reset-1.6.1.css" media="screen" />
<link rel="stylesheet" href="css/default.css" media="screen" />
<link rel="stylesheet" href="css/css3enterprise.css" media="screen" />





<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Six+Caps" />
                    <link rel="stylesheet" type="text/css" href="styles/screen.css" />
                    
</head>
<body>
          <div id="page" class="group">
                    <header id="site-header" role="banner">
                              <hgroup>
                                        <h1>Silence in Vogue</h1>
                                        <h2>A sociological artifact using technology to tell stories.</h2>
                              </hgroup>
                              <a id="skip-nav" href="#content">Skip to main content</a>
                    </header>
                    <nav id="site-nav" role="navigation">
                              <ul class="inline-list flush-left">
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="about.html">Mission Statement</a></li>
                                        <li><a href="research.html">Research</a></li>
                                        <li><a href="artifacts.html" class="active"></a></li>
                                        <li><a href="upload.html">Upload</a></li>
                                        <li><a href="http://www.renaissancedigital.co.uk/" title="Home | Renaissance Digital">Renaissance.Digital</a></li>
                              </ul>
                    </nav>
                    <nav id="user-nav">
                              <ul class="inline-list flush-left">
                                        <li><a href="#">@username</a></li>
                                        <li><a href="#">dashboard</a></li>
                                        <li><a href="#">inbox (42)</a></li>
                                        <li><a href="#">logout</a></li>
                              </ul>
                    </nav>
            <div id="content" role="main">
                              <section id="content-main" role="region">
                                <h1>Artifacts</h1>
                                        <ul class="rollover">
                                                  <li><img src="images/image1.jpg" width="282" height="211" margin-right= "20" alt="The Earth" />
                                                    <h3>The Earth</h3>
                      <hr/>
                                          <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a> </li>
                                <p><li>
                                                            <img src="images/image2.jpg" width="282" height="211" margin-right= "20" alt="E-Mirror" />
                                                    <h3>EMirror</h3>
                      <hr/>
                                                    <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a> </li>
                                <p><li>
                                                            <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
<h3>something else</h3>
                                                            <hr/>
                                                            <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                                  </li>
<li>
                                                            <img src="images/image4.jpg" width="282" height="211" alt="Monkey's Dream" />
<h3>A Monkey's Dream</h3>
                                                            <hr />
                                                            <a class="button" href="#" title="Click here for more information"><h6>More Info</h6></a>
                                          </li>
                    <li> <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
<h3>something else</h3>
                                                            <hr/>
                                                            <a class="button" href="#" title="void"><h6>More Info</h6></a><li>
                                                            <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
<h3>something else</h3>
                                                            <hr/>
                                                            <a class="button" href="#" title="void"><h6>More Info</h6></a></li>
                                                  </li>
<li><img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
<h3>something else</h3>
                                                            <hr/>
                                                            <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                          </li>
<li>
                                                            <img src="images/image3.jpg" width="282" height="211" margin-right= "20" alt="void" />
<h3>something else</h3>
                                                            <hr/>
                                                            <a class="button" href="#" title="void"><h6>More Info</h6></a>
                                          </li>
                                        </ul>
                              </div>
            </div>
       
                    </div>
                    <footer id="site-footer" role="contentinfo">
                              <p id="awkward">Our Think Tank is virtual:</p>
                              <ul id="footer-icons" class="inline-list no-bullets">
                                        <li><a id="icon-twitter" href="#">Twitter</a></li>
                                        <li><a id="icon-wordpress" href="#">Wordpress</a></li>
                                        <li><a id="icon-facebook" href="#">Facebook</a></li>
                                        <li><a id="icon-linkedin" href="#">LinkedIn</a></li>
                                        <li><a id="icon-vimeo" href="#">Vimeo</a></li>
                                        <li><a id="icon-flickr" href="#">Flickr</a></li>
                                        <li><a id="icon-dribbble" href="#">Dribbble</a></li>
                                        <li><a id="icon-gowalla" href="#">Gowalla</a></li>
                                        <li><a id="icon-sharethis" href="#">ShareThis</a></li>
                                        <li><a id="icon-technorati" href="#">Technorati</a></li>
                                        <li><a id="icon-rss" href="#">RSS</a></li>
                              </ul>
                              <div id="copy">
                                        <p>©2012 Renaissance.Digital ltd. </p>
                              </div><div id="container">
                              <div id="head">
                              </div>
          </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>


<script src="js/functions.js"></script>
</body>
</html>
not sure if there is a conflict with css's!
Message was edited by: chineseadam I put a little note at the very bottom of the document!

Ok. Here you are...
http://www.silenceinvogue.org/artifacts.html
I added float right as you said but the images moved into the middle.
Here is the css:
body {
                    margin:                              0;
                    padding:                    0;
                    font-size:                    62.5%;
          #container {
                    position:                    relative;
                    width:                              960px;
                    margin:                              auto;
          #head {
                    position:                    relative;
                    text-align:                    center;
          h1 {
                    font-size:                    6em;
                    font-weight:          normal;
                    text-transform:          uppercase;
          #content {
                    position:                    relative;
          ul.rollover {
                    position:                    relative;
                    margin:                              0;
                    padding:                    0;
          ul.rollover li {
                    background:                    #d1d694 url(libg.jpg) no-repeat center center;
                    position:                    relative;
                    list-style:                    none;
                    margin:                              0;
                    padding:                    0;
                    width:                              200px;
                    height:                              125px;
                    overflow:                    hidden;
                    border:                              20px solid white;
                    float:                              left;
                    margin-right:          20px;
                    margin-left:          20px;
                    margin-bottom:          40px;
                    -webkit-box-shadow:                    0px 0px 10px #333;
                    -moz-box-shadow:                    0px 0px 10px #333;
                    -ms-box-shadow:                    0px 0px 10px #333;
                    -o-box-shadow:                    0px 0px 10px #333;
                    box-shadow:                    0px 0px 10px #333;
          ul.rollover li img {
          z-index:                    30;
          position:                    absolute;
          top:                              0px;
          left:                              0px;
          -webkit-transition:all 0.7s ease-out;
          -moz-transition:all 0.7s ease-out;
          -ms-transition:all 0.7s ease-out;
          -o-transition:all 0.7s ease-out;
          width: 280px;
          height: 168px;
          ul.rollover li:hover img {
                    -webkit-transform: scale(6);
                    -moz-transform:           scale(6);
                    -ms-transform:           scale(6);
                    -o-transform:           scale(6);
                    opacity:                              0;
          ul.rollover li h2 {
                    font-size:                              3em;
                    color:                                        #333;
                    margin:                                        0;
                    padding:                              0;
                    line-height:                    1.5em;
                    letter-spacing:                    0.1em;
                    text-align:                              center;
                    text-transform:                    uppercase;
                    -webkit-transition: all 0.5s ease-in;
                    -webkit-transform:          scale(0.1);
                    -moz-transition:           all 0.5s ease-in;
                    -moz-transform:                    scale(0.1);
                    -ms-transition:           all 0.5s ease-in;
                    -ms-transform:                    scale(0.1);
                    -o-transition:           all 0.5s ease-in;
                    -o-transform:                    scale(0.1);
                    opacity:                              0;
          ul.rollover li:hover h2 {
                    padding-top:                    30px;
                    -webkit-transform:          scale(1);
                    -moz-transform:                    scale(1);
                    -ms-transform:                    scale(1);
                    -o-transform:                    scale(1);
                    opacity:                              1;
          ul.rollover li hr {
                    width:                                        0px;
                    color:                                         #333;
                    background-color:           #333;
                    border:                                        none;
                    height:                               2px;
                    margin:                                        auto;
                    -webkit-transition:          all 0.6s linear;
                    -moz-transition:          all 0.6s linear;
                    -ms-transition:                    all 0.6s linear;
                    -o-transition:                    all 0.6s linear;
          ul.rollover li:hover hr {
                    width:                                        100px;
          ul.rollover li p {
                    font-family:                    helvetica, arial, sans-serif;
                    text-transform:                    uppercase;
                    margin:                                        0;
                    padding:                              0;
                    font-size:                              1.1em;
                    padding:                              20px;
                    text-align:                              center;
                    text-tranform:                    uppercase;
                    -webkit-transition: all 0.6s ease-in;
                    -webkit-transform:          scale(0.1);
                    -moz-transition:           all 0.6s ease-in;
                    -moz-transform:                    scale(0.1);
                    -ms-transition:           all 0.6s ease-in;
                    -ms-transform:                    scale(0.1);
                    -o-transition:                     all 0.6s ease-in;
                    -o-transform:                    scale(0.1);
                    opacity:                              0;
          ul.rollover li:hover p {
                    -webkit-transform:          scale(1);
                    -moz-transform:                    scale(1);
                    -ms-transform:                    scale(1);
                    -o-transform:                    scale(1);
                    opacity:                              1;
          ul.rollover li a.button {
                    display:                              block;
                    text-align:                              center;
                    font-family:                    helvetica, arial, sans-serif;
                    position:                              relative;
                    text-transform:                    uppercase;
                    letter-spacing:                    0.2em;
                    padding:                              4px;
                    text-decoration:          none;
                    font-size:                              1.6em;
                    background:                              #333;
                    color:                                        #d1d694;
                    width:                                        60px;
                    margin-left:                    125px;
                    border:                                        none;
                    -webkit-transition: all 0.6s ease-in;
                    -webkit-transform:          translateY(230px) scale(5);
                    -moz-transition:           all 0.6s ease-in;
                    -moz-transform:                    translateY(230px) scale(5);
                    -ms-transition:           all 0.6s ease-in;
                    -ms-transform:                    translateY(230px) scale(5);
                    -o-transition:                     all 0.6s ease-in;
                    -o-transform:                    translateY(230px) scale(5);
                    opacity:                              0;
                    cursor:                                        pointer;
                    z-index:                              50;
          ul.rollover li:hover a.button {
                    -webkit-transform:          translateY(0) scale(1);
                    -moz-transform:                    translateY(0) scale(1);
                    -ms-transform:                    translateY(0) scale(1);
                    -o-transform:                    translateY(0) scale(1);
                    opacity:                              1;

Problems setting up my forms (was: Forms)

Hi
I'm having trouble with setting up my forms, When I send the message no pop up message says its sent but I do recieve the email but with no content.
Can anyone please advise me? my two PHP and HTML code is below.
HTML Code:
<form method="post" id="contactform">
                                    <div class="row">
                                        <div class="span4">
                                            <input type="text" class="prepared-input w100" id="contactname" value="Name">
                                        </div>
                                        <div class="span4">
                                            <input type="email" class="prepared-input w100" id="contactemail" value="E-mail">
                                        </div>
                                    </div>
                                    <div class="divide10 hidden-phone"></div>
                                    <textarea id="contactmessage" class="prepared-input w100" rows="3">Message</textarea>
                                    <div class="divide10"></div>
                                    <input id="From_Comment_Go" type="submit" class="btn btnmc1 white" value="Send Message">
</form>
PHP Code:
<?php
$to = '[email protected]';
//Language Options
$contact_labelmailhead = 'Contact Form Email';
$contact_labelmailsubject = 'Contact Form Email from';
$contact_labelname = 'Name';
$contact_labelemail = 'Email';
$contact_labelmessage = 'Message';
$name = trim($_POST['name']);
$email = trim($_POST['email']);
$message = str_replace(chr(10), "<br>", $_POST['message']);
$body = "<html><head><title>$contact_labelmailhead</title></head><body><br>";
$body .= "$contact_labelname: <b>" . $name . "</b><br>";
$body .= "$contact_labelemail <b>" . $email . "</b><br>";
$body .= "$contact_labelmessage:<br><br><b>" . $message . "</b><br>";
$body .= "<br></body></html>";
$subject = $contact_labelmailsubject.'[email protected]' . $name;
$header = "From: $email\n" . "MIME-Version: 1.0\n" . "Content-type: text/html; charset=utf-8\n";
mail($to, $subject, $body, $header);
?>

Now nothing in my inbox.
This is the first time I have worked with forms and I am not familiar with php. The template providor has gone walkabout and left me in lerch abit.
What and where should php code be? This is my page html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="lilycot-holiday-cottage-st-marychurch-torquay.ico" />
     <title>Contact Lilycot Holiday Cottage. Lilycot Holiday Home, St. Dominic's Close, St Marychurch, Torquay, Devon, TQ1 4UN</title><meta name="description" content="Lilycot Holiday Cottage. Check availabilty, make a holiday booking. Lilycot's contact details. Lilycot holiday cottage, St. Dominic's Close, Torquay, Devon, TQ1 4UN. Telephone Torquay 01803 326633">
    <meta name="author" content="Lilycot Holiday Home, St. Marychurch, Torquay, Torbay">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44753246-1', 'lilycot.co.uk');
ga('send', 'pageview');
</script>
    <link href="source/plano_onepage_eco/css/bootstrap.css" rel="stylesheet">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
    <link href="source/plano_onepage_eco/css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="source/plano_onepage_eco/css/style-onepage.css">
    <link href="source/plano_onepage_eco/css/style-eco.css" rel="stylesheet" type="text/css"><link href="source/plano_onepage_eco/css/style-onepage-eco.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="source/plano_onepage_eco/css/type/fontello.css">
<script type="text/javascript" src="source/plano_onepage_eco/js/showbizpro/js/jquery.themepunch.plugins.min.js"></script >
    
    <div class="responsive_wrapper">
<div id="responsive-menu">
                <div class="resp-closer"><i class="txt-center icon-cancel-1 white medium lm10 tm10"></i></div>
                <div class="resp-menuheader"></div>
                <ul>
                </ul>
            </div>
        </div>
        <header class="header">
             <section class="subheader_wrapper">
                    <div class="container txt-center">
                        <ul>
                            <li class="inblock rm30 lh23"><i class="icon-phone white rm10"></i><span class="white">Phone +44 (0)1803 326633</span></li>
                            <li class="inblock rm30 lh23"><i class="icon-address white rm10"></i><span class="white">Lilycot, St. Marychurch, Torquay, Devon <a class="white bold" href="#contactsection">contact us, get directions</a></span></li>
                            <li class="inblock rm30 lh23"><i class="icon-mail white rm10"></i><span class="white"><a class="white" href="mailto:[email protected]">[email protected]</a></span></li>
                        </ul>
</div>
                    <i class="icon-cancel-circled white close_subheader"></i>
</section>
            <section class="subheader_opener_wrapper">
                        <div class="divide20"></div>
                        <div class="rightfloat rm20"><i class="icon-down-1 gray open_subheader"></i></div>
                        <div class="clear"></div>
            </section>
        </header>
<section class="maincontent">
<section class="bgimage6 parallax centeredparallax">
        <div class="container">
            <div class="divide25"></div>
            <a href="http://www.lilycot.co.uk/"><img src="lilycot-holiday-home-torquay.png" alt="holiday let torquay"></a>
        <div class="divide50"></div>
            <div class="row">
                <div class="span8 offset2">
                    <h2 class="portfolio-title bold txt-center whitetext">Lilycot holiday home Torquay. <br>
Relax, explore, and enjoy this lovely holiday accommodation in this beautiful place, Torbay.</h2>
                </div>
            </div>
            <div class="divide30"></div>
            <div>
            <button class="btn glas white txt-center" onClick="window.open('http://www.cottages4you.co.uk/cottages/lily-cot-25333');return document.MM_returnValue">Check Availability</button></div>
            <div class="clear"></div>
            <div class="divide60"></div>
        </div>
    </section>
<section class="header_wrapper">
                <div class="container">
                        <div class="divide5"></div>
                        <div class="resp-navigator reversefadeitem"><i class="icon-menu medium lightgray"></i></div>
                        <div class="nav_wrapper">
                            <div id="nav" class="hidden-phone">
                                        <ul>
                                                <li ><span class="active hassubmenu toplevel"><a href="http://www.lilycot.co.uk/">Home</a></span>
                                                 <ul>
                                                          <li><a class="inside" href="index.html#aboutsection">About Lilycot</a></li>
                                                        <li><a class="inside" href="index.html#customersection">Things to do</a></li>
                                                        <li><a class="inside" href="index.html#testimonialsection">Customers Comments</a></li>
                                                  </ul>
                                                </li>
                                                <li><a class="inside" href="about-us.html#teamsection">About Us</a></li>
                                                <li><a class="inside" href="views-of-lilycot.html#portfoliosection">Views of Lilycot</a></li>
                                                <li><a class="inside" href="index.html#customersection">Things to do</a></li>
                                    <li><a class="inside" href="index.html#blogsection">Lilycot's Blog</a></li>
                                                <li><a class="inside" href="#contactsection">Contact Us</a></li>
                                        </ul>
                                        <div class="clear"></div>
                            </div>
                        </div>
                </div>
</section>
    <div class="sbclear"></div></section>
<div id="contactsection"></div>
<div class="divide85"></div>
                <h3 class="bigintro txt-center">Contact Us</h3>
                <div class="divide35"></div>
        </section>
<div class="gmap_outter"><div id="googlemap1" class="gmap_inner big"></div></div>
<section class="bgwhite">
            <section class="container">
                <div class="divide60"></div>
              <div class="row">
                  <div class="span8">
<h3 class="content-title bold">Send us a Message</h3>
                                <p class="">Lilycot holiday home is situated in St. Marychurch, Torquay, Devon. A timeless, quite, and tranquil part of the English Riviera.</p>
                                <div class="divide30"></div>
                                <form method="post" id="contactform">
                                    <div class="row">
                                        <div class="span4">
                                            <input type="text" name="name" class="prepared-input w100" id="contactname" value="Name">
                                        </div>
                                        <div class="span4">
                                            <input type="email" name="email" class="prepared-input w100" id="contactemail" value="E-mail">
                                        </div>
                                    </div>
                                    <div class="divide10 hidden-phone"></div>
                                    <textarea id="contactmessage" name="message" class="prepared-input w100" rows="3">Message</textarea>
                                    <div class="divide10"></div>
                                    <input id="From_Comment_Go" type="submit" class="btn btnmc1 white" value="Send Message">
</form>
                        </div>
                        <div class="divide40 visible-phone"></div>
<div class="span3 offset1">
                            <h3 class="boxed-title bold">Our Address</h3>
                            <p class=""> Lilycot Holiday Home</p>
                            <p class="">St. Dominic's Close</p>
                            <p class="">St. Marychurch</p>
                            <p class="">Torquay</p>
                            <p class="">Devon</p>
                            <p class="">TQ1 4UN </p>
                    <div class="divide20"></div>
                            <p><span class="highlight">Telephone: </span>+44 (0)1803 326633</p>
                            <p><span class="highlight">Email: </span><a href="mailto:mailto:[email protected]">[email protected]</a></p>
                            <p>Website: <a href="http://www.lilycot.co.uk/" title="Lilycot Holiday Home Torquay Devon" target="_blank">www.lilycot.co.uk</a></p>
<div class="divide20"></div>
                        </div>
                </div>
                <div class="divide60"></div>
            </section>
        </section>
    </section>
</section>
         <footer>
<section class="bgdarkgray bgecogreen darkmargin">
                <section class="container">
                    <div class="divide40"></div>
                    <div class="row">
                        <div class="span5">
                            <h3 class="article-title white blackonlight"><strong class="nostrongonlight">Lilycot holiday home Torquay on Google</strong>+</h3>
                        </div>
                        <div class="span7 txt-right">
                            <a href="https://plus.google.com/106268051730041736327/about"><i class="icon-s-gplus roundborder-small darkgray rm20 bm10"></i></a>
                        </div>
                    </div>
                    <div class="divide30"></div>
                </section>
            </section>
          <section class="footer">
            <div class="container">
<article class="one_third">
                          <h3 class="widget-title nobottommargin">About</h3>
                          <div class="divide30"></div>
                          <p>This website is designed to be helpful to Lilycot holiday home visitors. Lilycot holiday home Torquay has provided this information as a guide, and to promote our local community St. Marychurch, our local traders, our local attractions, things to do, and places to go within Torbay, and the county of Devon. Please note that information contained in this website may change.</p>
                          <div class="accordion">
                            <div class="accordion-heading">
                              <p>Copyright 2013© Lilycot Holiday Home. All rights Reserved. <a href="http://www.myquirk.co.uk/" title="myquirk website design" target="_blank">myquirk </a></p>
                            </div>
                            <p> </p>
                          </div>
</article>
<article class="one_third">
<h3 class="widget-title nobottommargin">Get intouch</h3>
                          <div class="divide30"></div>
                          <p class="">Lilycot Holiday Home</p>
                          <p class="">St. Dominic's Close</p>
                          <p class="">St. Marychurch</p>
                          <p class="">Torquay</p>
                          <p class="">Devon</p>
                          <p class="">TQ1 4UN</p>
                          <div class="divide20"></div>
                          <p><span class="highlight">Telephone: </span>+44 (0)1803 326633</p>
                          <p><span class="highlight">Email: </span><a href="mailto:[email protected]">[email protected]</a><a class=""></a></p>
                          <p>Website: <a href="http://www.lilycot.co.uk/" title="Lilycot Holiday Home">www.lilycot.co.uk</a>                  </p>
</article>
<article class="one_third lastcolumn">
                            <h3 class="widget-title nobottommargin">Latest Blog</h3>
                            <div class="divide30"></div>
        <section class="recent-posts-wrapper">
<div class="recent-post">
                                    <a href="index.html#blogsection"><span class="nobottommargin mc1"></span></a></div>
                                    <a href="index.html#blogsection"><span class="nobottommargin mc1">Beaches is Torbay information page is now finished.</span></a>
<div class="divide5"></div>
                                    <p>Lilycot's 'Beaches in Torbay' page is now finished. We have compiled a comprehensive list of all the beaches in and around the Torbay area, giving holiday guests at Lilycot holiday home, easy access to our rich and diverse beaches in torquay, Paignton and Brixham. </p>
                                    Posted by <a href="about-us.html#teamsection">Rachel & Daryl</a>
<div class="divide30"></div>
                            </section>
                  </article>
                        <div class="clear"></div>
              </div>
            </section>
        </footer>
    </section>
    
    
<script type="text/javascript" src="source/plano_onepage_eco/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="source/plano_onepage_eco/js/jquery.gmap.js"></script>
<script type="text/javascript" src="source/plano_onepage_eco/js/jquery.isotope.min.js" ></script>
<script type='text/javascript' src='source/plano_onepage_eco/js/mediaelement-and-player.min.js'></script>
<script type='text/javascript' src='source/plano_onepage_eco/js/FitVids.js'></script>
<script type="text/javascript" src="source/plano_onepage_eco/js/forms.js" ></script>
<script type="text/javascript" src="source/plano_onepage_eco/js/screen.js" ></script>
<script type="text/javascript" src="source/plano_onepage_eco/js/jquery.sticky.js"></script>
    <script type="text/javascript" src="source/plano_onepage_eco/js/jquery.scrollto.js"></script>
</body>
</html>

Batch file to html report generator:

I want to create reports based of the batch file that I run.
I created a batch file to run a number of programs for this PC tune up service that we do at the University I work at. This is mostly a "learn for my own benefit" project, but if it works and looks nice I would like to make it availible to
my co workers.
Here is what I have so far for the batch:
@echo off
:start
echo.
echo Do you need to install
echo Microsoft Antivirus?
echo Type y / n (lowercase)
set /p antivirus=
if %antivirus%== y goto msantivirus
if %antivirus%== n goto mbam
goto start
:msantivirus
echo ProgramFiles(x86) var:
if not defined ProgramFiles(x86) (
start mseinstall32.exe
else (
start mseinstall64.exe
:mbam
echo.
echo Do you need to install
echo Malwarebytes?
echo Type y / n (lowercase)
set /p malwarebytes=
if %malwarebytes%== y start mbam-setup-2.0.2.1012.exe
if %malwarebytes%== n goto cleaner
goto mbam
:cleaner
echo.
echo Do you need to install
echo CCleaner?
echo Type y / n (lowercase)
set /p CCleaner=
if %CCleaner%== y start start ccsetup416.exe
if %CCleaner%== n goto msconfig
goto cleaner
:msconfig
echo.
echo Do you need to run
echo MSCONFIG?
echo Type y / n (lowercase)
set /p microsoftconfig=
if %microsoftconfig%== y start msconfig
if %microsoftconfig%== n goto print
goto msconfig
:print
echo.
echo Do you want to print
echo a report?
echo Type y / n (lowercase)
set /p print=
if %print%== y start (i don't know what to do here)
if %print%== n goto done
goto done
:done
echo.
echo You have finished the Zonetech scan. Press any key to exit.
pause >null
Here is what I have for the HTML (its based of another site I made so there is some leftover stuff in it):
<!DOCTYPE html>
<html>
<head>
<title> Zone Tech Computer Health Form </title>
<meta name= "viewport" content="width=device-width, initial-scale=1.0">
<link href= "css/bootstrap.min.css" rel= "stylesheet">
<link href= "css/styles.css" rel= "stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top">
<div class= "container">
<a href= "#" class= "navbar-brand"> BOISE STATE UNIVERSITY ZONE TECH</a>
<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
<span class = "icon-bar"> </span>
</button>
<div class= "collapse navbar-collapse navHeaderCollapse">
<ul class = "nav navbar-nav navbar-right">
<li class= "active"><a href = "#">Home</a></li>
<li><a href = "#">Blog <b class= "caret"></b></a></li>
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Social Media</a>
<ul class = "dropdown-menu">
<li> <a href = "#">Twiter</a></li>
<li> <a href = "#">Facebook</a></li>
<li> <a href = "#">Google +</a></li>
<li> <a href = "#">Instagram</a></li>
</ul>
</li>
<li><a href = "#">About</a></li>
<li><a href = "#contact" data-toggle="modal" >Contact</a></li>
</ul>
</div>
</div>
</div>
<div class = "container text-center">
<div class ="jumbotron">
<h1> Computer Health Report</h1>
<img src="img/smallerbroncologo.png" />
</div>
</div>
<div class= "container" >
<div class = "row">
<div class = "col-md-3">
<h3><a href = "#">Virus Scan </a></h3>
<p>A Virus Scan checks your computer to see if any malicious software is present.</p>
<a href = "#" class = "btn btn-default" > read moe </a>
</div>
<div class = "col-md-3">
<h3><a href = "#">Adware Scan </a></h3>
<p>We check your computer for programs that may present themselves as legitimate services to "repair" your computer for money or sites that redirect your internet browser.</p>
<a href = "#" class = "btn btn-default" > read moe </a>
</div>
<div class = "col-md-3">
<h3><a href = "#">Registry Scan </a></h3>
<p>Sometimes programs you have installed don't uninstall right or fully. Othertimes your programs may stop working because there is wrong infomration in the registry. We clean and optimize the registry
to help make your computer work better</p>
<a href = "#" class = "btn btn-default" > read moe </a>
</div>
<div class = "col-md-3">
<h3><a href = "#">Start Up Scan </a></h3>
<p>If your computer is booting slowly, sometimes the cause is to many programs trying to start up when windows starts up. If to many programs try to start up at once it clogs up the computers processor and makes
it run slow. We check to make sure that only the essential programs are running so your computer runs better.</p>
<a href = "#" class = "btn btn-default" > read moe </a>
</div>
</div>
</div>
<div class = "navbar navbar-inverse navbar-fixed-bottom" >
<div class = "container" >
<p class = "navbar-text pull-left"> Site by Travis </p>
</div>
</div>
<div class = "modal fade" id = "contact" role = "dialog">
<div class = class "modal-dialog">
<div class = "modal-content">
<div class = "modal-header">
<p> Contact Tech Site </p>
</div>
<div class= "modal-body" >
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are
going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on
the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from </p>
</div>
<div class = "footer">
<a class= "btn btn-default" data-dismiss = "modal" >close</a>
<a class= "btn btn-primary" data-dismiss = "modal" >close</a>
</div>
</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.js"> </script>
<script src="js/bootstrap.js"> </script>
</body>
</html>
Here is what I want to do:
I want to make an interactive html report based on an HTML site I made. I want to take the y (meaning yes) inputs for the strings( anitivirus, malwarebytes, ccleaner, and Microsoftconfig which are from the batch) and make them indicate something has
been done on the HTML that I created. Essentially, I see the yes inputs putting check marks (or something) in the sections of my HTML document that are related to the programs I ran in the batch. The sections in the HTML page are called Virus Scan,
Adware Scan, Registry Scan, and Start up scan and they are paired to the variables antivirus, malwarebytes, ccleaner, and microsoftconfig.
I hope this makes sense.
Thanks for any help

This is the way I was looking at it. Essentially a html file is a text file. I have already written the html file I want to have displayed. I just want the batch to make a slight change to the text in part of it. If I could
do that I would be happy. Is there any way to do that with the batch?
Editing files never has been and is still not something that batch files do easily. I ti si not the intention of batch to do this.
If you are trying to learn something, try learn-ing something that is not obsolete. Batch is not worth the time when we have PowerShell, If you ant to alter an HTML dynamically then use an HTA. It is easy and well supported.
¯\_(ツ)_/¯

How do I add a 5th photo to be viewed in a scrolling slideshow while still keeping it 4 photos long?

I am not sure if this really makes sense. But I am working with a template in Dreamweaver and the template has a 4 picture vertical slideshow(attached photo). It is really not a slideshow but I do not know what else to call it. So I want to add more than just 4 pictures but everytime I go to add a picture it turns the 4 picture slideshow into a 5 picture slideshow rather than hiding that 5th picture until it is scrolled over using the up/down buttons at the bottom. Initially the Up/Down buttons are of no use unless I can figure this out and add say 8 pictures instead of just the 4. If now I will just have to remove the buttons since they would be a waste of place.
This is the html code used in the template for this slideshow. If you have any suggestions it would be greatly appreciated since I am sort of new to Dreamweaver. Also if you need more information I would be happy to provide you with anything.
<div class="images">
                                                                                     <ul>
                                                                                                    <li><a href="#"><img src="images/yellow.gif" alt="" width="215" height="124"/></a></li>
            <li><a href="#"><img src="images/basin_door.gif" alt="" width="215" height="124"/></a></li>
                                                                                                    <li><a href="#"><img src="images/ford_valve_covers.gif" alt="" width="215" height="124"/></a></li>
            <li><a href="#"><img src="images/car_frame.gif" alt="" width="215" height="124"/></a></li>
         </ul>
                                                    </div>
Thank you,
Ryan

Well I tried placing that in various places. Under .images which stretched each image to 500px since that would equal the 4 images. But instead it stretched each image.
I placed in layout.css under the appropriate index which worked but once I tried to place another image it tried to just add it which eliminated the Up/Down buttons.
In other words I have no idea where to place this code plus it probably doesn't help that I am pretty new to dreamweaver. So I attached the layout.css, style.css, and index-3.html which is the page I am working with right now. Thank you.
Layout.css
/*======= index.html =======*/
#page1 header {height: 664px;}
#page1 .col-1 {width: 215px;}
#page1 .col-2 {width: 665px; padding: 0px 0px 0px 42px;}
#page1 .col-2 .col-1 {width: 287px;}
#page1 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
/*======= index-1.html =======*/
#page2 .col-1 {width: 242px;}
#page2 .col-2 {
          width: 625px;
          text-align: center;
#page2 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
/*======= index-2.html =======*/
#page3 .col-1 {width: 275px;}
#page3 .col-2 {width: 900px;}
#page3 .col-3 {width: 214px;}
//#page3 .divider {background: url(../images/divider-bg.gif) 652px 0px repeat-y;}
/*======= index-3.html =======*/
#page4 .col-1 {width: 215px;}
#page4 .col-2 {
          width: 650px;
          padding-left: 47px;
#page4 .col-2 .col-1 {width: 286px;}
#page4 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
/*======= index-4.html =======*/
#page5 .col-1 {width: 198px;}
#page5 .col-2 {width: 900px; padding: 0px 27px 0px 0px}
//#page5 .divider {background: url(../images/divider-bg.gif) 449px 0px repeat-y;}
/*======= index-5.html =======*/
#page6 .col-1 {width: 215px;}
#page6 .col-2 {
          width: 620px;
          padding-right: 63px;
#page6 .col-2 .col-1 {width: 286px;}
#page6 .divider {background: url(../images/divider-bg.gif) 652px 0px repeat-y;}
/*======= index-6.html =======*/
#page7 .col-1 {width: 242px;}
#page7 .col-2 {width: 620px;}
#page7 .divider {background: url(../images/divider-bg.gif) 247px 0px repeat-y;}
Style.css
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Global properties ======================================================== */
body {
          background: url(../images/policsy-bg.gif) 0 bottom repeat-x #fff;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          font-size: 14px;
          line-height: 18px;
          color: #828282;
          min-width: 1000px;
html, body { height: 100%;}
p { padding-top: 18px; }
.top { padding-top: 6px; }
.top1 { padding-top: 0px; }
.top2 { padding-top: 0px; }
.top3 { padding-top: 21px; }
.top4 { padding-top: 25px; }
.top5 { padding-top: 29px; }
.bot { padding-bottom: 34px; }
.bot1 {
          padding-bottom: 38px;
          padding-left: 0px
.h-top {padding: 0px 0px 2px 0px; margin-top: -2px;}
.h-bot {
          padding-bottom: 25px;
          text-align: center;
          padding-right: 0px;
.h-bot1 {
          padding-bottom: 20px;
          text-align: center;
.h-bot2 {padding-bottom: 3px;}
.h-bot3 {padding-bottom: 23px;}
.pad-left {
          display: inline-block;
          margin-left: 4px;
a {          color: #d52d00; outline: none; }
a:hover{
          text-decoration: none;
          color: #B8D6D6;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* Global Structure ============================================================= */
.main {
          margin: 0 auto;
          width: 960px;
          /* Header */
          header{
                    height: 438px;
          /* Content */
          section#content {
          /* Footer */
          footer{
                    min-height: 268px;
/* Left & Right alignment */
.fleft { float: left;}
.fright { float: right;}
.clear { clear: both;}
.col-1, .col-2, .col-3, .col-4, .col-5 { float: left;}
.alignright { text-align: right;}
.aligncenter { text-align: center;}
.wrapper {
          width: 100%;
          overflow: hidden;
.container {
          width: 100%;
/*----- form defaults -----*/
input, select, textarea {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1em;
          vertical-align: middle;
          font-weight: normal;
/*----- other -----*/
.img-indent { margin: 0 25px 0 0; float: left; }
.extra-wrap { overflow: hidden; }
.img {padding-top: 4px;}
.img1 {padding-top: 2px;}
/*=============================================================================== text =====*/
h1 {
          padding: 0px 0 0px 326px;
          position: relative;
          float: left;
          h1 a {
                    display: block;
                    height: 120px;
                    width: 300px;
                    text-indent: -5000px;
                    background: url(../images/msi_logo_webcolors.gif) left top no-repeat;
h2 {
          font-size: 24px;
          line-height: 1.2em;
          color: #fff;
          padding: 36px 0px 2px 0px;
          margin: 0px 0px 0px 0px;
          text-align: center;
h3 {
          font-size: 18px;
          line-height: 1.2em;
          color: #fff;
          padding: 16px 0px 17px 0px;
.color {color: #19a7f4;}
/*======================================================================================== =========================== header =====*/
.extra {background: url(../images/body-bg.gif) 0 0 repeat-x #222222;}
.shadow {background: url(../images/extra-bg.jpg) top center no-repeat;}
.header strong {
          float: left;
          padding: 9px 0 0 0;
          color: #333;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 12px;
          line-height: 1.2em;
          display: inline-block;
*+ html .header strong {
          padding: 7px 0 0 0;
.login {
          float: right;
          padding: 4px 0 0 0;
          margin-right: -2px;
          width: 204px;
*+ html .login {
          width: 201px;
          .login-link {
                    background: url(../images/login-bg.gif) left 0px no-repeat;
                    padding: 4px 0 0 22px;
                    margin: 1px 0 0;
                    color: #a0a0a0;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-size: 12px;
                    line-height: 1.2em;
                    display: inline-block;
          *+ html .login-link {
                    padding: 2px 0 0 21px;
                    .login-link:hover {
          color: #333;
.social {
          float: right;
          background: url(../images/login-span-bg.gif) 0 4px no-repeat;
          padding-left: 0px;
          overflow: hidden;
          width: 92px;
          margin-left: 7px;
          .social img {
                    float: right;
                    margin-left: 4px;
/*=============================================================================== nav =====*/
#menu {
          width: 100%;
          height: 68px; position:relative; z-index:99
          #menu > li {
                    float: left;
                    font-size: 15px;
                    line-height: 1.2em;
                    background: url(../images/nav-li-bg.png) 0 0 no-repeat;
                    padding-left: 2px; position:relative
                    #menu > li > a {
                              display: block;
                              width: 134px;
                              background: url(../images/nav-a-bg.png) 0 0 repeat-x;
                              text-align: center;
                              text-transform: uppercase;
                              text-decoration: none;
                              color: white;
                              padding: 28px 0 21px;
                    #menu > li:hover > a{ color:#1eaffa}
                              #menu > li > .active {
                                        background: url(../images/nav-a-bg-hover.gif) 0 0 repeat-x;
                                        position: relative;
                                        margin-left: -2px;
                                        padding: 28px 0 21px 2px;
                                        color:#fff !important
                              #menu > .first{ background:none;
                    padding-left:0}
          #menu > .first > a {
                    background: url(../images/nav-first-a-bg.gif) 0 0 no-repeat;
                    margin: 0;
                    width: 135px;
                    #menu > .first > .active {
                              background: url(../images/nav-first-a-bg-hover.gif) 0 0 no-repeat;
                              margin: 0 0px 0 0;
                              padding: 25px 0 24px 0px;
          #menu > .last > a {
                    background: url(../images/nav-last-a-bg.gif) right 0 no-repeat;
                    margin: 0;
                    width: 143px;
                    #menu > .last > .active {
                              background: url(../images/nav-last-a-bg-hover.gif) right 0 no-repeat;
                              margin: 0 0px 0 -1px;
                              padding-left: 1px;
.submenu_1{ position:absolute; top:73px; left:0; width:295px;}
.menu_box{ padding:14px; background:#272727}
.menu_box > li{ line-height:36px; background: url(../images/menu_line.gif) 0 bottom repeat-x; position:relative; margin-top:-2px; padding:3px 0; zoom:1}
.menu_box > .end{ background: none}
.menu_box > li > a{ display:block; padding-left:19px;border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; line-height:36px; height:36px; zoom:1;background: url(../images/spacer.gif) 0 0 repeat}
.menu_box > li:hover > a{background: url(../images/submenu_bg.gif) 0 0 repeat-x #0280d8;}
.menu_box > li:hover{ background:#272727}
.submenu_2{ top:-13px; position:absolute; left:282px; width:181px; background:#272727}
.submenu_2 > ul{ padding:14px 9px}
.submenu_2 > ul >li{ line-height:40px; background: url(../images/menu_line.gif) 0 bottom repeat-x;}
.submenu_2 > ul >li > a{ display:block; padding-left:22px;font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; text-decoration:none; line-height:40px;}
.submenu_2 > ul >li:hover > a{ color:#1eaffa}
.submenu_2 > ul > .end{ background: none}
#menu div{ display:none}
/*=============================================================================== sliders =====*/
#page1 .sliders {background: url(../images/sliders-bg.gif) 0 0 repeat-x #0e0e0e; overflow:none !important; height:398px; padding-bottom:2px; padding-top:10px}
.sliders {
          background: url(../images/sliders-bg-1.gif) 0 0 repeat-x #0e0e0e;
          border-radius: 0 0 20px 20px;
          -moz-border-radius: 0 0 20px 20px;
          -webkit-border-radius: 0 0 20px 20px;
          box-shadow: 2px 1px 3px #101010;
          -moz-box-shadow: 2px 1px 3px #101010;
          -webkit-box-shadow: 2px 1px 3px #101010;
          position: relative; padding-top:10px;
.slider{ overflow:none !important; z-index:2 !important; zoom:1}
          .sliders .pic { margin: 0 0 10px 10px; position:relative; z-index:2 !important; zoom:1}
#page1          .sliders .pic { margin: 0 0 20px 10px;}
          .sliders .items{ display:none}
.pagination{ position: relative; z-index:2; bottom:0px; left:376px; zoom:1}
* + html .pagination{ bottom:3px;}
.pagination li{ float:left; padding-right:6px;}
.pagination li a{ display:block; width:25px; height:25px; background:url(../images/buttons.png) right 0 no-repeat; text-indent:-9999px;}
.pagination li a:hover, .pagination .current a{ background-position:left}
/*======================================================================================== =========================== content =====*/
/*=============================================================================== indents =====*/
.indent { padding: 0px 0px 0px 0px }
.indent1 { padding: 0px 0px 0px 0px }
.policy-indent {padding: 0 30px 34px 0;}
.policy-indent a:hover {text-decoration: underline;}
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 0px; }
.col-indent1 { padding-right: 37px; }
.col-indent2 { padding-right: 29px; }
.col-indent3 { padding-right: 44px; }
.col-indent4 { padding-right: 36px; }
/*=============================================================================== boxes =====*/
.box {
          background: #000;
          border-radius: 15px;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          box-shadow: 5px 5px 5px #191919;
          -moz-box-shadow: 5px 5px 5px #191919;
          -webkit-box-shadow: 5px 5px 5px #191919;
          position: relative;
          padding: 0px 0px 0px 32px;
          left: 2px;
          top: 1px;
/*=============================================================================== line-hor =====*/
/*=============================================================================== lists =====*/
.list {
          padding: 18px 0 0;
          .list li {
          background: url(../images/list-bg.gif) 2px 6px no-repeat;
          padding-left: 14px;
                    .list li a {
          color: #19a7f4;
          font-weight: bold;
          .list .last {padding-bottom: 12px;}
.list_1 {padding-bottom: 18px;}
          .list_1 li {
                    font-size: 12px;
                    line-height: 24px;
                    .list_1 li a {
                              text-decoration: none;
                              color: #828282;
                              text-transform: uppercase;
                              .list_1 li a:hover {color: #19a7f4;}
/*=============================================================================== images =====*/
.images img {margin-bottom: 1px;}
/*=============================================================================== links =====*/
.link {
          background: url(../images/link-bg.gif) 0 0 repeat-x #191818;
          display: inline-block;
          padding: 8px 13px 11px;
          text-decoration: none;
          border-radius: 9px;
          -moz-border-radius: 9px;
          -webkit-border-radius: 9px;
          position: relative;
          font-size: 14px;
          line-height: 1.2em;
          color: #fff;
          margin-top: 9px;
          .link:hover {
                    color: #19a7f4;
.links a {
          display: block;
          width: 107px;
          height: 49px;
          text-decoration: none;
.links .fleft {
          background: url(../images/links-fleft.gif) 0 0 no-repeat;
.links .fleft:hover, .links .fright:hover{ background-position:bottom}
.links .fright {
          background: url(../images/links-fright.gif) 0 0 no-repeat;
.policy-indent a {text-decoration: none; color: #19a7f4;}
/*=============================================================================== contact =====*/
.contact {
          width: 195px;
          float: left;
          .contact span {
                    display: inline-block;
                    vertical-align: baseline;
                    width: 99px;
          .contact a {
                    font-weight: bold;
                    text-decoration: none;
                    color: #19a7f4;
                    .contact a:hover {text-decoration: underline;}
/*======================================================================================== =========================== footer =====*/
footer {position: relative; overflow: hidden;}
footer .indent {padding: 31px 0 62px 31px;}
footer .col {
          float: left;
          width: 162px;
          margin-right: 30px;
footer img {
          border-radius: 12px;
          -moz-border-radius: 12px;
          -webkit-border-radius: 12px;
          box-shadow: 5px 5px 5px #1a1a1a;
          -moz-box-shadow: 5px 5px 5px #1a1a1a;
          -webkit-box-shadow: 5px 5px 5px #1a1a1a;
          position: relative;
footer .divider1 {background:url(../images/divider_1-bg.gif) 574px 0px repeat-y;}
.policy {
          position: absolute;
          bottom: 0;
          background: url(../images/policy-bg.gif) 0 0 repeat-x;
          height: 36px;
          width: 100%;
          .policy strong {
          padding: 14px 0 0 380px;
          color: #333;
          text-transform: uppercase;
          text-decoration: none;
          font-size: 12px;
          line-height: 1.2em;
          display: inline-block;
          text-align: left;
                    .policy strong a {margin-right: 60px; color: #9f9f9f; text-decoration: none;}
                              .policy strong a:hover {
          color: #333;
/*---------------------------------------------------------------------------------------- --------------------------- forms -----*/
#ContactForm {
          padding-top: 21px;
          width: 215px;
          #ContactForm label {
                    min-height: 44px;
                    display: block;
                    position:relative;
                    background: url(../images/label-bg.gif) no-repeat 0 0;
          #ContactForm .error,#ContactForm .empty{ position:relative; font-size:10px; color:#19A7F4; background:none; padding:0; display:none}
          #ContactForm .link {
                    margin: 30px 0px 0px 0px;
                    padding: 8px 19px 11px;
          #ContactForm input {
                    width: 193px;
                    border: none;
                    padding: 7px 11px;
                    background: none;
                    color: #828282;
                    font-size: 14px;
                    line-height: 18px;
                    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          #ContactForm textarea {
                    width: 194px;
                    height: 433px;
                    background: none;
                    border: none;
                    padding: 0px 11px;
                    color: #828282;
                    font-size: 14px;
                    line-height: 18px;
                    overflow: auto;
                    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
          #ContactForm span {
                    width: 215px;
                    display: block;
                    background: url(../images/text-bg.gif) no-repeat 0 0;
                    border: none;
                    padding: 6px 0px;
.success{ padding-bottom:15px; display:none}
.success strong{color:#19A7F4;}
/*==========================================*/
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
Index-3.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Projects</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/jquery-1.6.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script src="js/MyriadPro-Bold.js" type="text/javascript"></script>
<script src="js/Myriad_Roman.js" type="text/javascript"></script>
<script type="text/javascript" src="js/imagepreloader.js"></script>
<script type="text/javascript">
          preloadImages([
                    'images/nav-a-bg-hover.gif',
                    'images/nav-last-a-bg-hover.gif',
                    'images/nav-first-a-bg-hover.gif.jpg']);
</script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script src="js/jcarousellite.js" type="text/javascript"></script>
<script type="text/javascript" src="js/superfish.js"></script>


</head>
<body id="page4">
          <div class="extra"><div class="shadow">
                    <div class="main">
                              
                              <header>
                                        <div class="container header">
                                                  <strong>We provide quality manufacturing!</strong>
                                                  <div class="login">
                                                            <div class="social">
                                                                      <a href="#"><img src="images/social-img_3.gif" alt="" /></a><a href="#"><img src="images/social-img_2.gif" alt="" /></a><a href="#"><img src="images/social-img_1.gif" alt="" /></a>
                                                            </div>
                                                            <a href="#" class="login-link">Client Login</a>
                                                  </div>
                                                  <div class="clear"></div>
                                        </div>
                                        <div class="wrapper"><h1><a href="index.html">Highway Road Construction and repair</a></h1></div>
                                        <nav>
                                                  <ul id="menu">
                                                            <li class="first"><a href="index.html">Home</a></li>
                                                            <li><a href="index-1.html">powder coating</a>
                                                                      
                                            <li><a href="index-2.html">fabrication</a></li>
                                                            <li><a href="index-3.html" class="active">projects</a></li>
                                                            <li><a href="index-4.html">design</a></li>
                                                            <li><a href="index-5.html">wire forming</a></li>
                                                            <li class="last"><a href="index-6.html">contact us</a></li>
                                                  </ul>
                                        </nav>
                                        <div class="sliders">
                                                  <ul class="items">
                                                            <li><img src="images/red_bike.gif" alt=""></li>
                                                            <li><img src="images/well.gif" alt=""></li>
                                                            <li><img src="images/belle_inn.gif" alt=""></li>
                                                            <li><img src="images/belle_motive.gif" alt=""></li>
                                                            <li><img src="images/basin_cab.gif" alt=""></li>
                                                            <li><img src="images/basin_bed.gif" alt=""></li>
                                                  </ul>
                                        </div>
                              </header>
                              
                              <section id="content">
                                        <div class="box">
                                                  <div class="wrapper divider">
                                                            <article class="col-1 col-indent bot">
                                                                      <div align="center">
                                                              <h2>Best Projects</h2>
                                                                      <p class="bot"><strong class="color">Maecenas tristique orci ac sem. Duis ultricies pharetra donec in accumsan malesuada orci orem ipsum dolor sit amet.</strong></p></div>
                                                                      <div class="images">
                                                                                <ul>
                                                                                          <li><a href="#"><img src="images/yellow.gif" alt="" width="215" height="124"/></a></li>
                                                                                          <li><a href="#"><img src="images/basin_door.gif" alt="" width="215" height="124"/></a></li>
                                                                                          <li><a href="#"><img src="images/ford_valve_covers.gif" alt="" width="215" height="124"/></a></li>
                                                                                          <li><a href="#"><img src="images/car_frame.gif" alt="" width="215" height="124"/></a></li>
                                </ul>
                                                    </div>
                                                                                <div class="wrapper links">
                                                                                          <a href="#" class="fleft" id="prev"> </a>
                                                                                          <a href="#" class="fright" id="next"> </a>
                                                                                </div>
                                                            </article>
                                                            <article class="col-2 bot1">
                                                                      <div align="center">
                                                              <h2>Past Projects</h2>
                                                                      <p>For 25 years, Manufacturing Systems Inc. has had the opportunity to send a wide variety of products out the door and are always excited to be involved in new, innovative projects.<br>
                            <br>
                            Our signature product line, <a href="http://www.trucatchtraps.com" title="Tru Catch Traps" target="_blank">Tru-Catch Traps™</a>, has allowed us to serve the animal welfare community nation-wide and gain valuable knowledge in every aspect of product development, design, promotion,a nd sales. Our traps are constructed, welded, and powder coated in-house. Give your customers what we give ours...a quality, American-made product. </p>
                                                                      </div>
                      <div class="wrapper top">
                                                                                <div class="col-1 col-indent3">
                                                                                          <ul class="list">
                                                                                                    <li><a href="#">Vestibulum iaculis lacinia est roin</a></li>
                                                                                                    <li><a href="#">Fusce euismod consequat ante ing elitom</a></li>
                                                                                                    <li><a href="#">Lorem ipsum dolor sit amet consecte</a></li>
                                                                                                    <li><a href="#">Aliquam congue fermentum nisl</a></li>
                                                                                                    <li><a href="#">Mauris accumsan nulla vel diam ulla venen</a></li>
                                                                                                    <li><a href="#">Sed in lacus ut enim adipiscing aliquet</a></li>
                                                                                                    <li><a href="#">In pede mi aliquet sit amet euism</a></li>
                                                                                                    <li><a href="#">Praesent justo dolor lobortis quis lobortis</a></li>
                                                                                          </ul>
                                                                                </div>
                                                                                <div class="col-1">
                                                                                          <ul class="list">
                                                                                                    <li><a href="#">Sed in lacus ut enim adipiscing aliquet</a></li>
                                                                                                    <li><a href="#">In pede mi aliquet sit amet euism</a></li>
                                                                                                    <li><a href="#">Praesent justo dolor lobortis quis lobortis</a></li>
                                                                                                    <li><a href="#">Vestibulum sed ante onec sagittis</a></li>
                                                                                                    <li><a href="#">Fusce euismod consequat ante ing elitom</a></li>
                                                                                                    <li><a href="#">Lorem ipsum dolor sit amet consecte</a></li>
                                                                                                    <li><a href="#">Aliquam congue fermentum nisl</a></li>
                                                                                                    <li><a href="#">Mauris accumsan nulla vel diam ulla venen</a></li>
                                                                                          </ul>
                                                                                </div>
                                                                      </div>
                                                                      
                                                              <div align="center">
                                                              <h2>Current Projects</h2>
                                                                      <p><strong class="color">Project1. </strong> Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut in, ligula. Aliquam dapibus tincidunt metus justo dolor.</p>
                                                                      <p><strong class="color">Project2. </strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. In pede mi, aliquet sit amet, euismod in, auctor ut in, ligula. Aliquam dapibus tincidunt metus. Praesent justo dolor, lobortis quis, lobortis dignissim, pulvinar ac, lorem. Vestibulum sed ante. Donec sagittis euismod purus euismod.</p>
                                                                      
                            </div>
                                                            </article>
                                                  </div>
                                        </div>
                              </section>
                    </div>
                    
                    <footer>
                              <div class="main">
                                        <div class="indent">
                                                  <div class="container divider1">
                                                            <div class="col">
                                                                      <div align="center">
                                                              <h3>Subnavigation</h3>
                                                                      </div>
                                                      <ul class="list_1">
                                                                                <li><a href="#">Clients Support</a></li>
                                                                                <li><a href="#">Standards</a></li>
                                                                                <li><a href="#">new technologies</a></li>
                                                                                <li><a href="#">faqs</a></li>
                                                                      </ul>
                                                            </div>
                                                            <div class="col">
                                                                      <div align="center">
                                                              <h3>Archive</h3>
                                                                      </div>
                      <ul class="list_1">
                                                                                <li><a href="#">2012</a></li>
                                                                                <li><a href="#">2011</a></li>
                                                                                <li><a href="#">2010</a></li>
                                                                                <li><a href="#">2009</a></li>
                                                                      </ul>
                                                            </div>
                                                            <div class="col col-indent2">
                                                                      <div align="center">
                                                              <h3>Useful Info</h3>
                                                                      </div>
                            <ul class="list_1">
                                                                                <li><a href="#">news</a></li>
                                                                                <li><a href="#">career</a></li>
                                                                                <li><a href="#">about us</a></li>
                                                                                <li><a href="#">hours: mon-fri 8-5 MST</a></li>
                                                                      </ul>
                                                            </div>
                                                            <div class="fleft">
                                                                      <img src="images/footer-img.jpg" alt="" /

GOS - Class ACTIVITY

Similar Messages

Maybe you are looking for