Teligent EMS Final Home page
On this page we have a
· Background color with an outer shadow around the body of the page
· Logo and tag line
· Menu with dropdowns
· Slide show 4 slides, each of which has a "Learn More" link as part of the slide which will link to an individual page with more information.
· Some body content
· An image of a video which will end up being an embedded YouTube video (what is there is just for design approval.
· News & Events with graphic bullet points
· Footer with "site Map" links. This version of the footer will only appear on a PC or a tablet in landscape mode. In portrait mode and on cell phones all that will appear is the very bottom line with the copyright and the three links for Contact, Privacy and Sitemap so folks viewing on a cell would go to a full sitemap page.
Teligent EMS Final page B
- This contains 4 pages that are linked from the 4 slide shows on the home page.
- The design of each of the 4 pages is the same except for the content and in the blue title there will a different title, tag line and an image which corresponds to the slide show components in the home page.
- On this page we see the footer style that will show up looking at the site with a cell phone.
Teligent EMS Final page C
- This is the style page that one will land on when clicking on Services, Solutions or Markets
- The bottom of the page in this case has two rows and 2 columns with titles, images, content and a Learn More link. For the Services page there will be 4 rows and 3 columns as there are 7 individual entries. Markets will also have 2 rows and 2 columns.
- Each of the Learn More links will link out to their individual pages and an example of those pages is also attached, Teligent
EMS Final page D
- Simple page with title, line under the title, some content word wrapped around an image.
- Each of the 4 PSD files has one of the menu drop downs shown with the background color for both the rollover and non-rollover color and also the rollover and non rollover font color.
- Font selection is pretty straightforward, Arial and Helvetica.
Project : Teligent EMS
PSD to Responsive HTML
1 inner page
2 simple pages
- websafe fonts- Arial and Helvetica.
- One level drop down
- jQuery Banner slider
==> General interactive:
- Responsive Structure
- W3C Valid HTML5 + CSS3
- SEO Semantic Coding
- IOS Compatibility
- Android Compatibility
- Cross Browser Compatibility
- Commented Markup
- Tableless Coding
Due-date: 25th March 2016.