MAD9014 Exercise 3 Starters

Size
3,533 Kb
Views
28,336

How do I make an mad9014 exercise 3 starters?

What is a mad9014 exercise 3 starters? How do you make a mad9014 exercise 3 starters? This script and codes were developed by Mobile Application Design-Development on 10 August 2022, Wednesday.

MAD9014 Exercise 3 Starters Previews

MAD9014 Exercise 3 Starters - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>MAD9014 Exercise 3 Starters</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html>
<head>	<meta charset="utf-8">	<title>Exercise 3</title>	<meta name="handheldfriendly" content="true" /> <meta name="mobileoptimized" content="240" /> <meta name="viewport" content="width=device-width,initial-scale=1,target-densitydpi=device-dpi" /> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:700" />
</head>
<body>	<div class="wrapper">	<header class="banner">	<span class="menu-control"><img class="menu-toggle" alt="menu toggle" src="http://algonquinmadd.github.io/MAD9014/Week-2-Assignment-3/img/menu.svg" /></span> <h1>The Mobile Site</h1> </header>	<nav class="mainnav">	<ul>	<li><a href="#" class="navbtn">Billy</a></li> <li><a href="#" class="navbtn">Mike</a></li> <li><a href="#" class="navbtn">Tre</a></li> <li><a href="#" class="navbtn">Jason</a></li> </ul> </nav> <section class="main">	<h2>A Section Heading</h2> <p>Bacon ipsum dolor sit amet est meatball fugiat frankfurter esse rump ullamco dolor kielbasa. Kevin meatloaf ham hock non minim venison spare ribs ut. Eu nulla boudin commodo dolore pork loin short ribs salami tongue consequat enim. Nostrud biltong cupidatat, filet mignon jowl pork loin beef ribs flank sirloin in duis culpa laborum. Filet mignon fugiat tempor dolor irure exercitation prosciutto culpa capicola beef ullamco pork belly dolore eu mollit. Shank kielbasa enim bresaola beef ribs tri-tip cow doner sausage eu sunt tongue filet mignon. Pariatur do prosciutto, short ribs est enim ut dolore bacon ullamco.</p> <p>Ribeye dolore andouille, jerky do ball tip capicola corned beef sausage beef anim flank boudin. Pastrami ham minim meatball magna meatloaf occaecat t-bone short loin irure shoulder leberkas mollit. Ham hock dolor chuck sausage id eu sint commodo doner deserunt pancetta kielbasa eiusmod duis turducken. Turducken est aute tempor enim qui meatball sirloin.</p> <p>Fatback sausage tongue drumstick pariatur hamburger nostrud proident. Sint in shank shoulder meatball tenderloin dolore tempor jowl voluptate sunt biltong cupidatat doner. Jowl excepteur ea ut, velit turkey qui in reprehenderit rump elit id minim spare ribs. Shoulder consequat beef, nulla velit labore kevin meatloaf swine flank sunt. Doner qui sausage sed pork loin et. Short loin meatball nostrud pastrami spare ribs dolore quis tongue. Kevin aute veniam capicola.</p> </section> <footer class="footer">	<p>&copy;2013 Turkey Stuff Inc.</p> </footer> </div>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>

MAD9014 Exercise 3 Starters - Script Codes CSS Codes

@charset "utf-8";
/* CSS Document */
/************************************	Defaults
************************************/
*{	padding: 0;	margin: 0;
}
html{	font-size:62.5%;	font-family:"PT Sans Narrow", sans-serif;
}
body{
}
.wrapper{	max-width:500px;
}
/************************************	Header
************************************/
header{	background-color: #ccc;	border-bottom:3px solid #333;
}
h1{	font-size: 3.0em;	line-height: 1;	padding: 5px 10px;
}
.menu-control{	float: right;	padding: 5px 10px;
}
.menu-toggle{	width: 32px;	height: 32px;	cursor: pointer;
}
/************************************	Navigation
************************************/
.mainnav{	overflow: hidden;	background-color: #ccc;	width: 100%;	/************	Make sure you uncomment the display: none;	display:none;	************/
}
.mainnav li{	float: left;	display: inline-block;	width: 50%;
}
.navbtn{	display: block;	padding: 5px;	border: 1px solid white;	font-size: 2.0em;	text-decoration: none;	color: #e4e4e4;	background-color: #333;	text-align: center;
}
.navbtn:hover,
.navbtn:active,
.navbtn:focus{	color: #333;	background-color: #e4e4e4;
}
/************************************	Main Content
************************************/
.main{	padding: 10px;	background-color: #e4e4e4;
}
.main h2{	color: #222;	font-size: 2.6em;	line-height: 1.6;
}
.main p{	padding: 10px 0;	color: #444;	font-size: 1.8em;	line-height: 1.4;
}
/************************************	Footer
************************************/
.footer{	width: 100%;	background-color: #000;	color: #ccc;	font-size: 1.0em;
}
.footer p{	padding: 5px 10px;	text-align:center;
}

MAD9014 Exercise 3 Starters - Script Codes JS Codes

// JavaScript Document
/****************************************
Write a function that runs AFTER the page has
finished loading. This function should write a
message that indicates that the page is loaded.
Add a second function that will run each time the
menu toggle image is clicked. When the function
runs it checks to see if the nav area is displayed
(css style display:block). If it is not shown then
the function will display it, else hide it.
Attach the second function to the menu toggle
with the click event inside your first function.
Make sure you uncomment the CSS file
where it is setting the nav menu to
display:none;
****************************************/
MAD9014 Exercise 3 Starters - Script Codes
MAD9014 Exercise 3 Starters - Script Codes
Home Page Home
Developer Mobile Application Design-Development
Username mad-d
Uploaded August 10, 2022
Rating 3
Size 3,533 Kb
Views 28,336
Do you need developer help for MAD9014 Exercise 3 Starters?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Mobile Application Design-Development (mad-d) Script Codes
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!