Question
You will make a web site that consists of 2 different HTML files and 1 CSS file. The files will be named index.html, page2.html, and
You will make a web site that consists of 2 different HTML files and 1 CSS file. The files will be named index.html, page2.html, and assign1.css. Please note the case of these files, Index.html is not the same as index.html, and while a Windows working environment will be forgiving of these kinds of mistakes, the Linux hosting environment will not. 2. You will make a header, navbar, main, and footer elements on each HTML page you create. You may further divide these elements with containers as needed, and the use of semantic elements is highly encouraged1. 3. Except where noted, the header, navbar, and footer should be the same on each page. This structure will be expanded on in the Server-Side Programming course in semester 3, which is why we are adopting it now. 4. All CSS must be contained within your assign1.css file - no inline CSS or style block is permitted. 5. Your HTML and CSS files must validate to current standards. Penalties will also be assigned for the use of the or
tag to move containers - it is only to be used to break lines of text within a container. Instead of break tags you should use the display CSS element.2 6. Each page of the website must contain at least one img tag linking to an external file (a jpg/png/etc) 7. Each page of the website must contain a responsive design using the Bootstrap CSS Library targeting at least 2 views - one that is representative of a desktop computer and one that is representative of a mobile phone. 8. Only Bootstrap 5 may be used. No other versions are permitted
Content Header Your header must include the following elements: An original CSS Animation that lasts at least 20 seconds, or preferably repeats infinitely. o The animation must modify at least 3 different CSS properties. o It could be used for a decorative, instead of a functional purpose. The title of the page
Navbar Your navbar must include the following elements: Links to the index page and to page2 The link of the current page we are on must be disabled but visible on each page, i.e., if we are on the index page the link to the index page should be greyed out, and only the page2 link should be available. Your anchor tags must be styled to look like buttons, but not be buttons An original CSS animation that activates on hover or focus of the links
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started