HTML5 Skeleton pages with CSS
- or -
Post a project like this2314
$$$
- Posted:
- Proposals: 15
- Remote
- #1803294
- Awarded
PPH #1 Service Provider in Development & IT : Wordpress|Magento|React Native|Mobile App Development|Angular|Node.js
Mohali
Graphic Design, Website Development, Whiteboard, Animations, Startup Video Company
Karachi
Expert Technocrats - One Stop Shop (iOS, Android, (Shopify, PHP, Wordpress, Magento, MySQL, SQL-server, .NET, Java, HTML5, Design, Testing, Maintenance)
Mohali
Wordpress|Webflow|Shopify|Wix|CRM|PHP|Android|iOS|Bespoke|App|Zoho|Laravel|SEO|PPC|Social|React|Node|Flutter|React Native|Magento|PWA|Plugin|Chrome Extention
Mohali
PSD to HTML5/CSS3 | Bootstrap | Wordpress | Woocommerce | Magento | Mobile Apps | Website Design and Development | Jquery PHP | Fix Issue Bugs | CMS Themes
Delhi
1283422084202213802344224673746472668196668859771016592113756515081301590908
Description
Experience Level: Expert
General information for the website: Historical information site
Num. of web pages/modules: 3 to 4
Description of every page/module: Requirement is two/three HTML 5 skeleton page files and one related css file.
Intended use is for creating archival versions of a number of non-commercial historical information sites that I have built over the last twenty years. These sites are currently built on a combination of Joomla and Virtuemart – the former as structure and to manage articles, the latter to categorise the items and also to list the items. VERY IMPORTANT - The intention is to create a static html5 version of all these sites that has no external dependencies and uses no facilities that are dependent on third parties, such as databases. It is desirable that these pages are reactive for use on mobile devices with small screens.
Description of requirements/features: HEADER
Every page will have a header which will contain an image and page metadata. If a second version of header image is required for small screens this is to be enabled. Creating images is not required. A font change option should appear here: Font size Bigger.Reset.Smaller
FOOTER
Every page will have a footer, it will be used for page level info/links.
Every page will have bottom text that will be used for copyright data and contact page link, but stored in style sheet.
MENU
Pages used for articles and categories will have a menu bar on the left hand side. The menu should have styles to provide two levels of entry, one indented. The menu should be reactive to provide a top menu on small devices. If feasible the menu container should be click hide-able to a narrow coloured bar
BACKGROUND
Include code for a background image
ADVERTS
Pages should also have a right hand container to allow for the inclusion of advertising, none of the sites currently include advertising. If feasible the menu container should be click hide-able to a narrow coloured bar
PAGE TYPE 1
Page type 1 (Article): This will be used for articles and should include one container for text that utilises all available space on the screen. The top and bottom of this container should include 'previous' & 'next' page link.
Styles. Container should have optional styles for Serif OR Non-serif font/
Impression of use http://glass-study.com/cms/index.php?option=com_content&view=article&id=22:adg-nr21-1925-b-mno-glashn-240-279&catid=198&Itemid=10
PAGE TYPE 2
Page type 2 (Lists): This will be used for category 'list' and item 'lists'. It will contain floating containers. Provide six copies of this container. Each container will be used with a 200 or 250 pixel image, category use will also have one line of text, item use will have short descriptions.
Style will use San Serif font
Impression of use 1 category list http://sklo-union-glass.com/cms/index.php?option=com_virtuemart&view=category&virtuemart_category_id=31
Impression of use 2 item list http://sklo-union-glass.com/cms/index.php?option=com_virtuemart&view=category&virtuemart_category_id=7#
PAGE TYPE 3
Page type 3 (Item details): Will be used for the items linked from the lists in type 2 pages it will have header but no menu or advertising one container for text that utilises all available space on the screen. (Or can be fixed maximum width) The top and bottom of this container should include 'previous' & 'next' page link. It will be used for multiple images. So identical to page type except for no menu or advertising. It is not necessary to deliver this page – unless you advise a benefit of different page coding.
My pitiful attempt to create these page skeletons can be seen here, but does illustrate structure:
http://test.scotlandsglass.co.uk/main.html
Documentation
Each section of code should be fully commented in English, explaining function.
Websites to be used for:
Glass-Study Library http://glass-study.com/
Glass Catalogue http://www.glasscatalogue.com/
Glass Zoo http://glasszoo.info/
Scotlands Glass http://scotlandsglass.co.uk/
Czech glass catalogue http://sklo-union-glass.com/
Non Joomla sites
Ysart Glass – Non Joomla site http://ysartglass.com/
Colin Terris MBE http://colinterris.co.uk/
Extra notes:
Num. of web pages/modules: 3 to 4
Description of every page/module: Requirement is two/three HTML 5 skeleton page files and one related css file.
Intended use is for creating archival versions of a number of non-commercial historical information sites that I have built over the last twenty years. These sites are currently built on a combination of Joomla and Virtuemart – the former as structure and to manage articles, the latter to categorise the items and also to list the items. VERY IMPORTANT - The intention is to create a static html5 version of all these sites that has no external dependencies and uses no facilities that are dependent on third parties, such as databases. It is desirable that these pages are reactive for use on mobile devices with small screens.
Description of requirements/features: HEADER
Every page will have a header which will contain an image and page metadata. If a second version of header image is required for small screens this is to be enabled. Creating images is not required. A font change option should appear here: Font size Bigger.Reset.Smaller
FOOTER
Every page will have a footer, it will be used for page level info/links.
Every page will have bottom text that will be used for copyright data and contact page link, but stored in style sheet.
MENU
Pages used for articles and categories will have a menu bar on the left hand side. The menu should have styles to provide two levels of entry, one indented. The menu should be reactive to provide a top menu on small devices. If feasible the menu container should be click hide-able to a narrow coloured bar
BACKGROUND
Include code for a background image
ADVERTS
Pages should also have a right hand container to allow for the inclusion of advertising, none of the sites currently include advertising. If feasible the menu container should be click hide-able to a narrow coloured bar
PAGE TYPE 1
Page type 1 (Article): This will be used for articles and should include one container for text that utilises all available space on the screen. The top and bottom of this container should include 'previous' & 'next' page link.
Styles. Container should have optional styles for Serif OR Non-serif font/
Impression of use http://glass-study.com/cms/index.php?option=com_content&view=article&id=22:adg-nr21-1925-b-mno-glashn-240-279&catid=198&Itemid=10
PAGE TYPE 2
Page type 2 (Lists): This will be used for category 'list' and item 'lists'. It will contain floating containers. Provide six copies of this container. Each container will be used with a 200 or 250 pixel image, category use will also have one line of text, item use will have short descriptions.
Style will use San Serif font
Impression of use 1 category list http://sklo-union-glass.com/cms/index.php?option=com_virtuemart&view=category&virtuemart_category_id=31
Impression of use 2 item list http://sklo-union-glass.com/cms/index.php?option=com_virtuemart&view=category&virtuemart_category_id=7#
PAGE TYPE 3
Page type 3 (Item details): Will be used for the items linked from the lists in type 2 pages it will have header but no menu or advertising one container for text that utilises all available space on the screen. (Or can be fixed maximum width) The top and bottom of this container should include 'previous' & 'next' page link. It will be used for multiple images. So identical to page type except for no menu or advertising. It is not necessary to deliver this page – unless you advise a benefit of different page coding.
My pitiful attempt to create these page skeletons can be seen here, but does illustrate structure:
http://test.scotlandsglass.co.uk/main.html
Documentation
Each section of code should be fully commented in English, explaining function.
Websites to be used for:
Glass-Study Library http://glass-study.com/
Glass Catalogue http://www.glasscatalogue.com/
Glass Zoo http://glasszoo.info/
Scotlands Glass http://scotlandsglass.co.uk/
Czech glass catalogue http://sklo-union-glass.com/
Non Joomla sites
Ysart Glass – Non Joomla site http://ysartglass.com/
Colin Terris MBE http://colinterris.co.uk/
Extra notes:
Frank A.
100% (1)Projects Completed
1
Freelancers worked with
1
Projects awarded
50%
Last project
30 Dec 2017
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Frank
If you dont want a database or third party software, what about the functionalities that are based on those software, all will excluded?
Meaning only static content you can display?
546418
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies