Freelancer Jobs - Archive 2007 JobId: #1399458HTML/CSS - Detailed Instruction Given - Due in 12 hours |
|
| Categories: Web Services,Cascading Style Sheets (CSS),XML / XHTML,Software Related (Includes Websites) | |
| Posted By: SHAWNYUAN (1 ratings) | |
Source:
|
| Job viewed: 186 times | ||
| Bids Placed: 10 | ||
| Start Date: 2010-04-29 08:31:51 | ||
| End Date: 2010-05-13 02:04:31 | ||
| Time Remaining: | ||
| Deadline: Friday Apr 30, 2010 12:34:14 PM EDT (1 days after 4/29/2010 12:34:14 PM) | ||
| Current Phase: 100% of work was accepted by buyer. Worker account has been credited. | ||
| Max Accepted Bid: Bidding is closed | ||
| Project Type: | ||
| Bid Type: Open Auction | ||
|
Brief Summary: 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> 
Requirements Interview Answers:  To help you bid more accurately, the buyer was interviewed about the requirements for this bid request. Below are their answers. 
Other Requirements:Home Page Instructions Background - set the background for <body> - Use image you see on the background of the jpegs given General - Use "Home Page Contents.html" 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 2.jpg" 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 2.jpg" 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/1.jpg"; ?> - 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 = "http://scotiabank.com"; ?> 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.
Categories:(Note: Like everything else on this page, these categories are part of the original contract for this bid request.) Web development, User interface (UI) design, Languages, Web services, Other (Web development), Cascading style sheets (CSS), XML / XHTML, Software related (includes websites) 
Additional Files:
|
|||
