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

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
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
steps

Step by step

Solved in 4 steps

Blurred answer
Knowledge Booster
Image Element
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.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education