Simple blog page

Developer
TryHardHusky
Size
2,467 Kb
Views
50,600
  1. Simple blog page Previews
  2. Simple blog page HTML Codes
  3. Simple blog page CSS Codes

How do I make an simple blog page?

What is a simple blog page? How do you make a simple blog page? This script and codes were developed by TryHardHusky on 07 July 2022, Thursday.

Simple blog page Previews
IQ Test

Simple blog page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Simple blog page</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='blog-content'> <article> <h2 class='title'>Lorem ipsum dolor</h2> <span class='meta'>28 DECEMBER, 2014 | <ul> <li><a target="_blank" href='http://codepen.io/'>codepen</a></li> <li><a target="_blank" href='http://en.wikipedia.org/wiki/Blog'>blog</a></li> <li><a target="_blank" href='http://www.lipsum.com/feed/html'>lorem ipsum</a></li> </ul> </span> <div class='article-content'> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum pellentesque neque, porttitor eleifend ex convallis faucibus. Sed tempor sagittis nibh, in molestie elit vestibulum id. Aliquam lobortis, velit ut blandit faucibus, diam est pulvinar velit, quis viverra arcu nisl at mi. Suspendisse potenti. <b>Ut vulputate placerat nibh, nec volutpat leo consequat et.</b> Aliquam erat volutpat. Maecenas aliquet dui fermentum tellus vulputate, ac pretium nulla gravida. </p> <p>Donec hendrerit ligula et metus dapibus lobortis. Donec ut mollis ante. <a href='#'>Lorem</a> condimentum ante ac ex suscipit, eget ornare elit lobortis. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent faucibus, ipsum ac ultrices gravida, felis massa malesuada eros, ut suscipit dui sapien sit amet diam.</p> <hr> </div> </article>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Simple blog page - Script Codes CSS Codes

/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Merriweather);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
/* Article styles */
html,
body { background: #f1f1f1; font-family: Merriweather, serif; color: #555;
}
article { text-align: center; margin-left: 5em; margin-right: 5em;
}
article .title { font-size: 3em; font-weight: 100; text-align: center; text-transform: uppercase; color: #222; margin-bottom: 0; line-height: 1em; font-family: 'Roboto Condensed', sans-serif;
}
.meta ul li a { text-decoration: none; color: #F46346; padding: 0px 1.5px 0px 1.5px;
}
.meta ul li a:hover { border-bottom: solid thin black;
}
.article-content { font-size: 1em; line-height: 1.625em; margin-bottom: 1.5em;
}
.article-content a { text-decoration: none; color: #F46346; padding: 0px 1.5px 0px 1.5px;
}
.article-content a:hover { border-bottom: solid thin black;
}
.meta ul { display: inline; padding: 0; margin: 0;
}
.meta ul li { display: inline;
}
.meta ul li:before { content: "#"; margin-right: -2px;
}
Simple blog page - Script Codes
Simple blog page - Script Codes
Home Page Home
Developer TryHardHusky
Username TryHardHusky
Uploaded July 07, 2022
Rating 3
Size 2,467 Kb
Views 50,600
Do you need developer help for Simple blog page?

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!

TryHardHusky (TryHardHusky) Script Codes
Name
Movie List
Gather Facebook Page Info with jQuery
Self Coding Blog Page
Image Gallery with Fullscreen modal
Konami Code - Colors and Timeouts
403 with Redirect
A Pen by TryHardHusky
Animated Health Bar
Console hacker
Fixed width and position sidebar
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!