Blog demo to use given styling
How do I make an blog demo to use given styling?
What is a blog demo to use given styling? How do you make a blog demo to use given styling? This script and codes were developed by Andy on 26 December 2022, Monday.
Blog demo to use given styling - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Blog demo to use given styling</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head> <title>My Blog</title> <link rel="stylesheet" type="text/css" href="blog.css"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
</head>
<body>
<div class="post"> <h4>November 23 2015</h4> <h2>This is my First Article</h2> <p class="frontLine">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> <p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p> <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then</p> <hr>
</div>
<div class="post"> <h4>December 11 2015</h4> <h2>This is another Article</h2> <p class="frontLine">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> <p>It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p> <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then</p>
</div>
</body>
</html>
</body>
</html>
Blog demo to use given styling - Script Codes CSS Codes
body { border: 20px solid #bdc3c7; max-width: 700px; width: 80%; padding: 20px; margin: 20px auto; font-family: Source Sans Pro;
}
.frontLine { border-left: 5px solid #bdc3c7; padding-left: 5px;
}
h4 { color: #3498db; text-transform: uppercase; letter-spacing: 0.2rem;
}
h2 { color: #2c3e50; font-size: 2.0rem;
}
hr { height: 10px; border: 0; box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
.post { margin-bottom: 20px;
}
Developer | Andy |
Username | Andygirl |
Uploaded | December 26, 2022 |
Rating | 3 |
Size | 2,412 Kb |
Views | 8,096 |
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 |
Circles | 1,860 Kb |
Portfolio | 5,542 Kb |
RGB GAME | 3,430 Kb |
CSS tutorial | 2,784 Kb |
Image gallery using Bootstrap | 2,570 Kb |
Build a Random Quote Machine - FreeCodeCamp | 3,793 Kb |
Html_table-quiz | 1,547 Kb |
Show the local weather | 1,444 Kb |
SelectorsExercise | 3,296 Kb |
Todo list | 3,162 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 |
Vertical Pan Hammer.js example | Jtangelder | 2,144 Kb |
A Pen by Mike Otis | Mikeotis | 3,185 Kb |
Count up | Alanshortis | 2,391 Kb |
Sample Profile Screen | OurDailyBread | 5,375 Kb |
Polygon Logo in CSS | Kai | 3,412 Kb |
FontAwesome icons with animation | Nicotinell | 2,083 Kb |
How to add Css Fold Notes In Blogger By Askwithloud.com | Askwithloud | 2,280 Kb |
Portfolio Landing Page | FDfranklin | 3,585 Kb |
Flex layout example | Mofny | 1,663 Kb |
CSS3 keyframe onload animation. | Samueljseay | 1,706 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!