Layout 11
How do I make an layout 11?
What is a layout 11? How do you make a layout 11? This script and codes were developed by Altynai on 14 October 2022, Friday.
Layout 11 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Layout 11</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class= "header"> header
<p id= "nav"> nav </p>
</div>
<div class= "section"> section
<p id= "section1"> header
<p> article </p>
<p> footer </p>
</p>
</div>
<div class= "aside"> aside </div>
<div class= "footer"> footer </div>
</body>
</html>
Layout 11 - Script Codes CSS Codes
body { font-family: Verdana;
}
.header { height: 100px; width: 100%; border: 1px solid lightgrey; background-color: lightgrey; text-align: center; border-radius: 16px; padding-top: 8px;
}
#nav { background-color: grey; height: 50px; width: 99%; margin-left: 7px; border-radius: 16px;
}
.section { height: 250px; width: 60%; border: 1px solid lightgrey; background-color: lightgrey; text-align: center; border-radius: 16px; margin-top: 4px; float: left; padding-top: 8px;
}
#p { height: 200px; width: 60%; text-align: center; border-radius: 16px; border: 1px solid lightgrey; float: left;
}
.aside { float: left; width: 39%; height: 250px; background-color: lightgrey; border: 1px solid lightgrey; border-radius: 16px; margin-top: 6px; margin-left: 6px; text-align: center; padding-top: 8px; margin-bottom: 6px;
}
#section1 { border: 1px solid grey; height: 180px
}
.footer { clear: both; height: 100px; width: 100%; background-color: lightgrey; margin-top: 6px; text-align: center; padding: 8px;
}
Developer | Altynai |
Username | Altynai |
Uploaded | October 14, 2022 |
Rating | 3 |
Size | 1,690 Kb |
Views | 22,264 |
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!
Name | Size |
Layout 12 | 1,702 Kb |
Bootstrap test | 1,949 Kb |
Function JS | 1,342 Kb |
Layout 19 | 2,135 Kb |
Layout4 | 1,712 Kb |
Assignment Layout 6 | 1,548 Kb |
Layout 16 Position Absolute | 1,743 Kb |
A Pen by Altynai | 2,280 Kb |
Slider practice | 1,711 Kb |
JAvaScript test | 1,651 Kb |
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!
Name | Username | Size |
Portfolio Layout Flex | Lahvjal | 3,489 Kb |
A simple log in form made with css | Mayurelbhar | 2,160 Kb |
CSS3 Button Examples | Volusion | 3,377 Kb |
Voting App - register | MatheusLima92 | 1,948 Kb |
Social.svg.min | Larsenwork | 13,849 Kb |
Experiment | Toddmoy | 2,849 Kb |
Highbrow Basic HTML Lesson 7 | Kimlarocca | 1,662 Kb |
Pure CSS Spinners | Jlong | 2,043 Kb |
A Pen by Anoop | Anoopjohn | 330,760 Kb |
Virtual vinyl | Davidpanik | 3,474 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!