Blog

Developer
James Donovan
Size
6,799 Kb
Views
14,168
  1. Blog Previews
  2. Blog HTML Codes
  3. Blog CSS Codes

How do I make an blog?

What is a blog? How do you make a blog? This script and codes were developed by James Donovan on 26 November 2022, Saturday.

Blog Previews
IQ Test

Blog - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Blog</title> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link href='https://fonts.googleapis.com/css?family=Raleway:200,700' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--header
div.content-wrapper	a(href="http://localhost:3000")	i.fa.fa-github#logo	//img(src="https://www.southparkhub.com/img/gofundyourself.png", alt="logo")#logo	form#site-search-form	input(type="text", autocomplete="off", name="search-text")#search-box	i.fa.fa-search#search-button
-->
<!--article.post
p.info by James Donovan; Aug. 1, 2016
h1.title Lorem Ipsum Dolor Sit
div.body	//p You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.	//blockquote Hello World	//code var x = 4;<br>x = document.getElementById("my_elim");<br>//This is a comment in code	//img(src="https://www.southparkhub.com/assets/13/2/img.jpg", alt="south-park")	//embedded codepen	//p(data-height="500", data-theme-id="0", data-slug-hash="rLAXgB", data-default-tab="result", data-user="JDSeverus", data-embed-version="2" class="codepen") See the Pen <a href="https://codepen.io/JDSeverus/pen/rLAXgB/">Blog</a> by James Donovan (<a href="https://codepen.io/JDSeverus">@JDSeverus</a>) on <a href="https://codepen.io">Codepen</a>.	//script(src="//assets.codepen.io/assets/embed/ei.js", async)	//p You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but it doesn't hold a candle to man.	//p The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.	//img(src="https://www.southparkhub.com/assets/14/1/img.jpg", alt="south-park")	//p Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?	p Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-->
<section class="comments"> <h4 id="view-comments">View Comments</h4> <form id="comment-form"> <label>Name</label> <input type="text"/> <label>Comment</label> <textarea rows="5"></textarea> <input type="submit" value="Submit Comment"/> </form> <div class="comment"> <!--span.name James Donovan--> <!--span.date Aug. 2, 2016--> <div class="left-col"><img class="avatar" src="https://www.southparkhub.com/assets/17/1/img_small.jpg" alt="south-park"/></div> <div class="right-col"> <p>Hello World Hello World Hello World Hello World Hello World Hello World Hello World Hello World</p> </div> </div>
</section>
<footer></footer>
</body>
</html>

Blog - Script Codes CSS Codes

body { margin: 0; font-family: "Raleway", sans-serif; font-size: 21px; background-color: #FFFFFF; color: #3A4145;
}
a { color: inherit; text-decoration: none;
}
header .content-wrapper { margin: 0 auto; width: 100%; max-width: 800px; padding: 20px; box-sizing: border-box;
}
header .content-wrapper #site-search-form { float: right; font-family: "Raleway", sans-serif; font-size: 21px; height: 100%; line-height: 50px; padding-right: 10px;
}
header .content-wrapper #site-search-form #search-box { padding: 5px 10px; padding-right: 35px; border-radius: 5px; font-family: "Raleway", sans-serif; font-size: 21px; border: 1px solid #044F67; background-color: #FFFFFF; color: #3A4145; width: 200px; -webkit-transition: width 0.5s ease; transition: width 0.5s ease;
}
header .content-wrapper #site-search-form #search-box:focus { width: 350px;
}
header .content-wrapper #site-search-form #search-button { background-color: white; color: #044F67; margin-left: -31px;
}
header .content-wrapper #site-search-form #search-button:hover { cursor: pointer;
}
#logo { font-size: 50px; height: 50px; width: 50px; color: #044F67;
}
.post { margin: 0 auto; max-width: 800px; box-sizing: border-box; padding: 20px;
}
.post .info { color: #95A5A6;
}
.post .info, .post .author, .post .title { margin: 0;
}
.post img { width: 100%;
}
.post code { display: block; margin: 10px 0; padding-left: 20px; border-left: 3px solid #95A5A6;
}
.comments { margin: 0 auto; max-width: 800px; padding: 20px; box-sizing: border-box;
}
.comments #view-comments { color: #044F67;
}
.comments #view-comments:hover { cursor: pointer;
}
.comments #comment-form { font-family: "Raleway", sans-serif; font-size: 21px;
}
.comments #comment-form input[type="text"], .comments #comment-form textarea { padding: 5px 10px; border-radius: 5px; font-family: "Raleway", sans-serif; font-size: 21px; border: 1px solid #044F67; background-color: #FFFFFF; color: #3A4145; resize: none;
}
.comments #comment-form input[type="submit"] { background-color: #044F67; color: #FFFFFF; border: 1px solid #044F67; border-radius: 5px; padding: 5px 10px; font-family: "Raleway", sans-serif; font-size: 21px; width: auto; margin: 0 auto; margin-bottom: 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
}
.comments #comment-form input[type="submit"]:hover { background-color: #FFFFFF; color: #044F67; cursor: pointer;
}
.comments #comment-form * { display: block; width: 100%; margin: 5px 0; box-sizing: border-box;
}
.comments .comment { border-top: 3px solid #95A5A6; min-height: 10px;
}
.comments .comment .name { font-size: 0.75em;
}
.comments .comment .date { float: right; font-size: 0.75em;
}
.comments .comment .left-col { height: 100%; display: inline-block;
}
.comments .comment .left-col .avatar { width: 50px; height: 50px; border-radius: 50%; margin: 10px;
}
.comments .comment .right-col { float: right; display: inline-block; vertical-align: top;
}
Blog - Script Codes
Blog - Script Codes
Home Page Home
Developer James Donovan
Username JWDonovan
Uploaded November 26, 2022
Rating 3
Size 6,799 Kb
Views 14,168
Do you need developer help for Blog?

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!

James Donovan (JWDonovan) Script Codes
Name
SPH - Login
Portfolio Header
SVG
South Park Hub - Temp Slideshow
Game Template
Modal
404
South Park Hub - Slideshow
Homepage
Push Menu
Create amazing Facebook ads 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!