eb Development: You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework. Framework Use a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc. Fonts Your fonts must be one of the following sets. Baloo with Montserrat Amaranth with Open Sans Palanquin with Roboto Sansita with Open Sans Playfair Display and Fauna One Type Scale
eb Development: You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework. Framework Use a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc. Fonts Your fonts must be one of the following sets. Baloo with Montserrat Amaranth with Open Sans Palanquin with Roboto Sansita with Open Sans Playfair Display and Fauna One Type Scale
Chapter13: Handling Events
Section: Chapter Questions
Problem 4E
Related questions
Question
Web Development:
You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework.
Framework
Use a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc.
Fonts
Your fonts must be one of the following sets.
- Baloo with Montserrat
- Amaranth with Open Sans
- Palanquin with Roboto
- Sansita with Open Sans
- Playfair Display and Fauna One
Type Scale
Augmented Fourth
Colour Scheme options
Choose one of the following options
- https://coolors.co/palette/ff9f1c-ffbf69-ffffff-cbf3f0-2ec4b6
- https://coolors.co/palette/555b6e-89b0ae-bee3db-faf9f9-ffd6ba
- https://coolors.co/palette/ff6700-ebebeb-c0c0c0-3a6ea5-004e98
- https://coolors.co/palette/6b9080-a4c3b2-cce3de-eaf4f4-f6fff8
Digital Asset
- Must include at least two (2) video assets
- Must include at least six (6) image assets ( at least one must be *.webp. )
- No less than three javascript elements such as on demand header, show hide div etc.
Site Structure
Your folder structure must be the following
/img (for all images)
/js (for all script files)
/css (for all css files)
/media for any media files. Where possible use a CDN.
Methodology
- If you use a preprocessor you must submit any other folders.
- Your website must be responsive.
- Use demo text to populate the pages with text. You can use the www.lipsum.com site to generate text.
- You must use semantic HTML5 structure and validate your website here https://validator.w3.org/.
- You are allowed to use any number or type of menu structure that you wish, but you must have at least one navigational menu for your site. Note that each page must be linkable across the site.
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 4 steps
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Recommended textbooks for you
Microsoft Visual C#
Computer Science
ISBN:
9781337102100
Author:
Joyce, Farrell.
Publisher:
Cengage Learning,
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT
Microsoft Visual C#
Computer Science
ISBN:
9781337102100
Author:
Joyce, Farrell.
Publisher:
Cengage Learning,
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT