HTML/CSS - Detailed Instruction Given - Due in 12 hours
$100-150 USD
Завершено
Опублікований about 14 years ago
$100-150 USD
Оплачується при отриманні
**Overview**
- You will be creating 4 html documents and 1 css document. 3 of the html documents are very similar.?
**Guideline**
- Use the files in the comments folder (Home Page Comments, Sub Page 1,2,3 Comments, General Comments) for specific div tags to use.?
Slice images and texts from the PSDs provided.?
**Dynamic Fields**
- Some fields need to be dynamic (using php), replace the variable in the corresponding html code
? ? - For example, on the top right of the Home Page:
? ? ? ? - Use <?php $page_short_description = "Simplyfying Complexity"; ?>
? ? ? ? - In HTML: <div class="page_blurb"><?php echo $page_short_description; ?></div>
## Deliverables
Home Page Instructions
**Background**
- set the background for <body>
- Use image you see on the background of the jpegs given
**General**
- Use "Home Page [login to view URL]" only to get font and content, don't use any of the html and table code, all code should be using div
- use margin: 0 auto; to centre everything;
- Wrap everything (#header, #container, #section2, #footer) with #wrapper
**Top right: Simplyfying Complexity**
- Use <?php $page_short_description = "Simplyfying Complexity"; ?>
- float: right
**Header:**
- Use div tag (#header) to wrap around company logo (#logo) and menu navigation (#nav)
**Menu Navigation:**
- Use ul li a
- Use correct color for active items
**{ Our Portfolio }**
- Use <?php $top-section-title-1 = "Our"; ?>
- Use <?php $top-section-title-2 = "Portfolio"; ?>
**#top-section-2 (Above portfolio)**
- Use <?php $top-section-2-description = "WE ARE Idea Engeneers WERE Passionate ABOUT Art & Science"; ?>
**#container:**
- width: 1140px;
? ? - The current width of #container in the "Home Page [login to view URL]" is not 1140px; set it to 1140px;
- Use #container to wrap around #contents?
- set #container background to white
**#contents:**
- width: 960px;
- Use #contents for main body
**Portfolio (12 portfolio items)**
- Goes inside #contents
- Evenly space it out inside contents?
? ? - You will have to adjust the spacing because the width of the spacing in the "Home Page [login to view URL]" is not 960px;
- Use unordered list (ul li) each item is an "li"
- Use class .temp4-main-item inside each li
- Each item .temp4-main-item contains .temp4-main-date, .temp4-main-description, .temp4-main-title,?
? ? - Photo: Use ? <?php $portfolio_image_url = "/images/[login to view URL]"; ?>
? ? - Date (.temp4-main-date): Use <?php $portfolio_date = "4.29.10"; ?>
? ? - Description (.temp4-main-description): Use <?php $portfolio_description = "Get Growing for Business"; ?>
? ? - Portfolio title (.temp4-main-title): Use <?php $portfolio_title_name = "SCOTIA BANK"; ?>
? ? - Portfolio URL: Use <?php $portfolio_title_url = "[login to view URL]"; ?>
**Paragraph in black:**
- Use #bottom-section
- Use <?php $bottom-section-description = "Please have a look at the work we have done..."; ?>
**Subpage Instructions**
- Use Subpage General for general guidance
**For each page:**
- Use Subpage 1,2,3 Comments as Guidance
**Menu Navigation:**
- Use ul li a
**Top right: The Boutique Agency;**
- Use <?php $page_short_description = "The Boutique Agency"; ?>
- float: right;
**{ Our Philosophy }**
- Use <?php $page_title1 = "Our"; ?>
- Use <?php $page_title2 = "Philosophy"; ?>
**Fonts:**
- refer to PSD for font size
- #nav, #subnav: arial
- everyting else: georgia
**Sub Page 1 Dynamic Fields**
- #top-section:?
? ? - Use $top-section-title-1 = "Our";
? ? - Use $top-section-title-2 = "Agency";
- #page-title-1: Use $page-title-1 = "Our";
- #page-title-2; Use $page-title-2 = "Philosophy";?
**Sub Page 2 Dynamic Fields**
- #top-section:?
? ? - Use $top-section-title-1 = "Our";
? ? - Use $top-section-title-2 = "Agency";
- #page-title-1: Use $page-title-1 = "Recent";
- #page-title-2; Use $page-title-2 = "News, Awards, & Events";?
- Each item .temp2-main-item contains .temp2-main-title, .temp2-main-date, .temp2-main-description,?
? ? - Set the variable again before each li, for example:
? ? ? ? - Title: (.temp2-main-title): Use <?php $temp2-main-title = "RAPIDTEL CHOOSES"; ?>
? ? ? ? - Date (.temp2-main-date): Use <?php $temp2-main-date = "April 13/09"; ?>
? ? ? ? - Description (.temp2-main-description): Use <?php $$temp2-main-description = "RapidTel chooses..."; ?>
**Sub Page 3 Dynamic Fields**
- #top-section:?
? ? - Use $top-section-title-1 = "Our";
? ? - Use $top-section-title-2 = "Agency";
- #page-title-1: Use $page-title-1 = "Our";
- #page-title-2; Use $page-title-2 = "Solutions";?
- Each item .temp3-main-item contains .temp3-main-title, .temp2-main-description,?
? ? - Set the variable again before each .temp3-main-item, for example:
? ? ? ? - Title: (.temp3-main-title): Use <?php $temp3-main-title = "Broadcast"; ?>
? ? ? ? - Description (.temp3-main-description): Use <?php $$temp3-main-description = "2D/3D Animation <br/> Character Design <br/>Game Development"; ?>
* * *This broadcast message was sent to all bidders on Thursday Apr 29, 2010 11:04:13 AM:
Please note that this project must be completed by April 30, 2010 Friday, 11:59am EST.