Blog Concept 2
How do I make an blog concept 2?
Ideas * Could perhaps have the image aside be a video. The containing div will play only a slither of the video shot on a phone in a vertical mode. The video inside will be centered. Height of the video will be restricted to the fixed height of the div. The width will not be constrained, but rather you will only see a certain amount. Or it could be a gif of that same video, cropped down to fit the container.. What is a blog concept 2? How do you make a blog concept 2? This script and codes were developed by Juan Gallardo on 18 August 2022, Thursday.
Blog Concept 2 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Blog Concept 2 </title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <div class="container"> <div class="content"> <h1> <a href="/">DOGE</a> </h1> <ul class="posts"> <li> <h5>February 14, 2014</h5> <hr> <div class="postContent"> <h2>Keep Watch on Doge Coin</h2> <p>Literally trust fund Helvetica dreamcatcher selfies. Pinterest aesthetic organic Echo Park artisan meggings tousled Tumblr, Pitchfork gentrify raw denim yr you probably haven't heard of them banjo. Street art Wes Anderson ethnic ethical authentic, High Life swag ennui. Wolf cardigan fingerstache gentrify, PBR&B cray XOXO vegan deep v tote bag ethnic. Banh mi you probably haven't heard of them seitan meh Austin iPhone. High Life wolf Tonx, dreamcatcher lo-fi seitan ethnic pop-up fingerstache whatever. Trust fund Portland ethnic church-key, Tumblr squid hoodie dreamcatcher +1 seitan.</p> <p>Etsy PBR church-key twee Wes Anderson. Authentic beard blog, irony occupy deep v ugh retro cred Portland. YOLO 3 wolf moon keytar, authentic pork belly pug Wes Anderson hoodie artisan before they sold out. Food truck selfies typewriter ethnic shabby chic Banksy, drinking vinegar salvia Truffaut YOLO DIY Williamsburg Marfa sustainable. Shabby chic VHS Truffaut ennui seitan locavore. High Life bitters dreamcatcher before they sold out beard, seitan pork belly. Kogi American Apparel cardigan, pug Marfa put a bird on it Truffaut artisan hella Schlitz mixtape.</p> <div class="notes"> <a href="#"> 666 notes </a> <a href="#"> Permalink </a> </div> <!--/ .notes --> </div> </li> </ul> </div> <aside> <div class="banner"></div> </aside> </div>
</div>
</body>
</html>
Blog Concept 2 - Script Codes CSS Codes
/* == resets == */
body { margin: 0; padding: 0;}
/* == project == */
body { border-top: 3px #333 solid; font-family: "Helvetica Neue", Helvetica, sans-serif; color: rgb(34,34,34);
}
p { font-size: 17px; line-height: 1.5;
}
hr { color: rgb(170, 170, 170);
}
.wrapper {
}
.container { max-width: 720px; margin: 0 auto;
}
h1 { font-size: 50px; margin: 0; font-weight: 700; line-height: 1.2;
}
h1 a { color: rgb(18, 18, 18); text-decoration: none;
}
aside { min-width: 20%; float:right; padding-left: 3px;
}
aside .banner { width: 144px; height: 568px; background: #333;
}
/* for testing only */
aside .banner { background-image: url('http://24.media.tumblr.com/7b4a4370f39162bc29afd3e111078613/tumblr_mphzkjU2yg1qcnxbbo1_500.jpg'); background-position: -219px 0; background-repeat:no-repeat;
}
.content { float: left; width: 76%;
}
.posts { list-style-type: none; }
.posts h5 { color: rgb(170, 170, 170); font-size: 21px; font-style: italic; font-weight: 400; line-height: 1.5; margin: 0;
}
h2{ color: rgb(53, 53, 53); font-size: 24px; letter-spacing: 0.13px;
}
.notes { margin: 0px; }
.notes a { color: rgb(170,170,170); font-size: 11px; line-height: 1.5; margin: 4px;
}
@media (max-width: 580px) { .content { width: 100%; } .posts { padding: 0 18px; } aside { width: 100%; } .banner { margin-left: 22px; }
}
Developer | Juan Gallardo |
Username | JGallardo |
Uploaded | August 18, 2022 |
Rating | 3 |
Size | 2,994 Kb |
Views | 44,528 |
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 |
BruxZir - Homepage - Video concept | 3,039 Kb |
Bruxzir - Sprite Practice | 2,723 Kb |
BruxZir - Header with headroom | 5,276 Kb |
Blog Concept 2 | 2,994 Kb |
International Sort | 2,564 Kb |
Template - iPhone 5 - Vertical | 1,919 Kb |
Fixed Header when scrolling | 4,203 Kb |
Simple Modal | 3,208 Kb |
Blog Concept 4 | 4,172 Kb |
Button - Test | 2,834 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 |
Weather App | Kw7oe | 3,162 Kb |
Lunar eclipse | Ademilter | 2,056 Kb |
Gears | Synvox | 3,278 Kb |
Awesome textarea | Ayoungh | 1,977 Kb |
Codero Sitemap | S1m0ne | 28,169 Kb |
After America | Jonathangarner | 2,686 Kb |
Slim Grid SASS SCSS v3.2 | Thesturs | 4,709 Kb |
Material design buttons | Fischaela | 4,381 Kb |
Flat design iframe | Damienpm | 1,819 Kb |
SlideupBoxes | Gavra | 23,772 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!