Example
How do I make an example?
What is a example? How do you make a example? This script and codes were developed by Anoop on 06 September 2022, Tuesday.
Example - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Example</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header class="header">
</header>
<main class="main"> <div class="content"> <h1>Heading</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe quibusdam repellendus itaque voluptate minus eveniet aliquid, totam sapiente dignissimos fuga, quam. Dolor fuga fugiat animi vel molestiae expedita maxime laboriosam.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe quibusdam repellendus itaque voluptate minus eveniet aliquid, totam sapiente dignissimos fuga, quam. Dolor fuga fugiat animi vel molestiae expedita maxime laboriosam.</p> </div> <div class="sidebar"> <ul> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ul> <ol> <li>List 1</li> <li>List 2</li> <li>List 3</li> <li>List 4</li> </ol> </div>
</main>
<footer> Footer
</footer>
</body>
</html>
Example - Script Codes CSS Codes
.header{ background: tomato; height: 150px;
}
main{ margin-top: 15px;
}
.content{ float: left; width: 80%; background: deepskyblue; height: 350px;
}
.sidebar{ float: left; width: 20%; background: hotpink; height: 350px;
}
footer{ background: lightgreen;
}
Developer | Anoop |
Username | anoopjohn |
Uploaded | September 06, 2022 |
Rating | 3 |
Size | 1,707 Kb |
Views | 36,432 |
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 |
Hide select arrow in Firefox | 1,747 Kb |
Parallax Effect | 2,393 Kb |
A Pen by Anoop | 330,760 Kb |
Price Slider | 2,985 Kb |
Vue App | 2,070 Kb |
Simple jQuery accordion menu | 2,089 Kb |
Vue Web App | 3,284 Kb |
Pie Chart | 4,762 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 |
Expert Help | SinceSidSlid | 4,064 Kb |
Large canvas mousemove experiment | Jibbon | 2,885 Kb |
A Pen by Adrien Clerbois | AClerbois | 6,501 Kb |
Image Stack Test SCSS | CalvinMorett | 2,799 Kb |
Css color for svg | Ademilter | 2,392 Kb |
Hover Animation from UNIQLO | Insprd | 3,772 Kb |
A Pen by Malith Hettiarachchi | MalZiiirA | 5,531 Kb |
Kut D3 | Jellevrswk | 3,687 Kb |
Loading Bar | Jaradlight | 2,333 Kb |
PNotify Demo | Adittmar | 1,731 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!