Assignment 7 (6 points, due on 3/21)
ASSIGNMENT 7
6 points
due on 3/21/2022
Please add a navigation bar to your week6.html (the page constructed with tags). Here is an example.
Requirements:
a horizontal menu bar with:
- at least 3 tabs and valid links (1 point);
- a sub-menu with links to your previous weekly pages (1 point);
- background on the menu bar, either with the buttons or with the whole menu bar, coordinating with your page color (1 point);
- links with color coordinating with your page color (1 point);
- link(s) with color in hover state coordinating with your page color (1 point);
- your main menu and sub-menu lining up with your page. You might have to set up the height and width (1 point).
After you upload your page to your server, check to see if everything works. Please email me the link
LEAVE A MESSAGE
<div class="wpcf7 no-js" id="wpcf7-f229-o1" lang="en-CAC" dir="ltr" data-wpcf7-id="229"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/asgmt7#wpcf7-f229-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="229" /> <input type="hidden" name="_wpcf7_version" value="6.0.5" /> <input type="hidden" name="_wpcf7_locale" value="en_CAC" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f229-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <p><label> Your Name (required)<br /> <span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-name" /></span> </label> </p> <p><label> Your Email (required)<br /> <span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email" /></span> </label> </p> <p><label> Subject<br /> <span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-text" aria-invalid="false" value="" type="text" name="your-subject" /></span> </label> </p> <p><label> Your Message<br /> <span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="400" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message"></textarea></span> </label> </p> <p>Please enter the letters you see in the text field before you submit.<br /> <input type="hidden" name="_wpcf7_captcha_challenge_captcha" value="1000687057" /><img class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-captcha" width="72" height="24" alt="captcha" src="https://s3.amazonaws.com/files.commons.gc.cuny.edu/wp-content/blogs.dir/21497/files/wpcf7_captcha/1000687057.png" /><span class="wpcf7-form-control-wrap" data-name="captcha"><input size="40" class="wpcf7-form-control wpcf7-captchar" autocomplete="off" aria-invalid="false" value="" type="text" name="captcha" /></span> </p> <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Send" /> </p><p style="display: none !important;" class="akismet-fields-container" data-prefix="_wpcf7_ak_"><label>Δ<textarea name="_wpcf7_ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="_wpcf7_ak_js" value="172"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div>
Comments