Templates

pcb_templates pcb_tools

• Home
• Templates

Main Templates Navs Menu Presets Navigators Tools

http://www.deadwitness.com/p/templates.html

---

1 Template

Special title treatment

With supporting text below as a natural lead-in to additional content.

2 Card / 200px

Special title treatment

Custom Formatting on Codeply .

<div class="card" style="width: 200px;"> <div class="card-body"> <h4 class="card-title">Government</h4> <p class="card-text">Evolution not Revolution </p> <a class="card-link" href="#jumbotron">jumbotron</a> <a class="card-link" href="/p/research-states.html">States</a> </div> </div>

3container/row/container

Jumbotron with two container inside rows

With supporting text below as a natural lead-in to additional content.

<div id="container-fluid" > <div class="container-fluid"> <div class="jumbotron"> <h1>Template Portal </h1> <p> Topics from Elections to Qaudruple Homicides to Missing Children</p> <a href="http://www.deadwitness.com/p/templates.html">http://www.deadwitness.com/p/templates.html</a> </div> </div> <hr /> <div class="container"> <div class="row"> <div class="card" style="width: 200px;"> <div class="card-body"> <h4 class="card-title">Government</h4> <p class="card-text">Evolution not Revolution </p> <a class="card-link" href="#jumbotron">jumbotron</a> <a class="card-link" href="/p/research-states.html">States</a> </div> </div> <div class="card" style="width: 200px;"> <div class="card-body"> <h4 class="card-title">Stimulus </h4> <p class="card-text"> The Tanking Economy </p> <a class="card-link" href="/p/Supporting-The-Econony">Supporting the Economy </a> <a class="card-link" href="#">Stimulus Impact </a> <a class="card-link" href="/p/Your-Life-Matter.html">Your Life Matters </a> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="card" style="width: 200px;"> <div class="card-body"> <h4 class="card-title">Government</h4> <p class="card-text">Evolution not Revolution </p> <a class="card-link" href="#jumbotron">jumbotron</a> <a class="card-link" href="/p/research-states.html">States</a> </div> </div> <div class="card" style="width: 200px;"> <div class="card-body"> <h4 class="card-title">Stimulus </h4> <p class="card-text"> The Tanking Economy </p> <a class="card-link" href="/p/Supporting-The-Econony">Supporting the Economy </a> <a class="card-link" href="#">Stimulus Impact </a> <a class="card-link" href="/p/Your-Life-Matter.html">Your Life Matters </a> </div> </div> </div> </div>

4 jumbotron

container-fluid

Simple Page Starter

<div id="jumbotron" class="container"> <div class="jumbotron"> <h1>Jumbotron </h1> </div> <div class="container-fluid"> <div class="jumbotron"> <h1>Research Portal </h1> <p> Topics from Elections to Qaudruple Homicides to Missing Children</p> </div> </div> </div>

Two Cards w/image w/o image

Four Different Aspects Ratios

<div class="container-fluid"> <div class="jumbotron "> <h1>xxx</h1> <p> xxx</p> </div> </div> <div class="container container"> <div class="row"> <div class="card " style="width:30em"> <div class="card-header"> <h4 class="card-title">xxxx_card_title_xxxx</h4> </div> <img class="card-img-top" src="xxxx" alt="" /> <div class="card-body"> <p class="card-text">card_text </p> </div> </div> <div class="card" style="width:30em"> <div class="card-header"> <h4 class="card-title">The Kinder Care Details</h4> </div> <div class="card-body"> <p class="card-text">card_text </p> </div> </div> </div> </div>

6 card Youtube Embed

Embeds

Four Different Aspects Ratios

Aspect ratios can be customized with modifier classes. <!-- 21:9 aspect ratio --> <div class="embed-responsive embed-responsive-21by9"> <iframe class="embed-responsive-item" src="xxx"></iframe> </div> <!-- 16:9 aspect ratio --> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="xxx"></iframe> </div> <!-- 4:3 aspect ratio --> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="xxx"></iframe> </div> <!-- 1:1 aspect ratio --> <div class="embed-responsive embed-responsive-1by1"> <iframe class="embed-responsive-item" src="xxx"></iframe> </div> Single Card

7 Container One Card

7 Special title treatment

With supporting text below as a natural lead-in to additional content.

<div class="container-fluid"> <div class="jumbotron "> <h1>xxx</h1> <p> xxx</p> </div> </div> <div class="container container"> <div class="row"> <div class="card " style="width:30em"> <div class="card-header"> <h4 class="card-title">xxxx_card_title_xxxx</h4> </div> <img class="card-img-top" src="xxxx" alt="" /> <div class="card-body"> <p class="card-text">card_text </p> </div> </div> </div> </div>

8 Full Page Template

Full Page Template

Remove or adjust CSS specific for blogger.

<style id="remove" type="text/css"> <div class="hidden"> pcb_legal_circles</div> <style id="remove" type="text/css"> textarea { border:1px solid #999999; width:98%; height:150px; margin:5px 0; padding:1%; background-color:bg-warning; } .post { width: 100% !important; } .post-footer { display: none !important; } .post-header-line-1 { display: none !important; } .gapad2 { display: none !important; } #rsidebar-wrapper { display: none !important; } #outer-wrapper { width: 100% !important; } #content-wrapper1 { width: 100% !important; } #midsidebar-wrapper { display: none !important; } #sidebar-wrapper { display: none !important; } #main-wrapper { width: 100% !important; } </style>

Full Pag

Special title treatment

With supporting text below as a natural lead-in to additional content.

Template

Special title treatment

With supporting text below as a natural lead-in to additional content.

Founder of Nomoreh1b

Pete Bennett founded Nomoreh1b.com in 2002 after the successful CNNNext appearance in 2002 covering the backlash Bennett endured with consulting engagements. By 2004 his small corporation folded but switched back to cabinet making, bought a shop from Mark Scott Construction. By summer 2004 his truck was exploding on the freeway.

Beaten in the Walnut Creek Public Library

Bennett on the ground at the Library Guard attacked outside the library. Bennett had just received a call from Symantec Software his former employer for another contract project at $75 per hour. the injuries sustained preveted Bennett from working, his laptop was broken and his ribs severely bruised. At 62 years of age bruised ribs will hurt for months as in six months. By summer he was in jail arrested for allegedly for yelling in the same Civic Park.

Defrauding America and "The Fake Interview"

Posted by ProgrammersGuild.org over ten years ago.

Single Card with Img

Special title treatment

<div class="card" style="width:400px"> <img class="card-img-top" src="png" alt="Card image"> <div class="card-body"> <h4 class="card-title">John</h4> <p class="card-text">example</p> <a href="#" class="btn btn-primary">Profile</a> </div> </div>

BreadCrumbs

Special title treatment

<div id="jumbotron" class="container"> <div class="jumbotron"> <h1>Technology </h1> </div> <div class="container-fluid"> <div class="card" style="width:400px"> <img class="card-img-top" src="png" alt="Card image"> <div class="card-body"> <h4 class="card-title">John</h4> <p class="card-text">example</p> <a href="#" class="btn btn-primary">Profile</a> </div> </div> <div class="card" style="width:400px"> <img class="card-img-top hidden" rcs="png" alt="Card image"> <div class="card-body"> <h4 class="card-title">Deaths in Technology </h4> <p class="card-text">example</p> <a href="https://www.cnetscandal.com/p/the-tragedies-in-tech-ashes-to-ashes.html" class="btn btn-primary">Profile</a> </div> </div> </div> </div> <style> ul.breadcrumb { padding: 10px 16px; list-style: none; background-color: #eee; } ul.breadcrumb li { display: inline; font-size: 18px; } ul.breadcrumb li+li:before { padding: 8px; color: black; content: "/\00a0"; } ul.breadcrumb li a { color: #0275d8; text-decoration: none; } ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; } </style> <ul class="breadcrumb"><li><a href="/p/technology.html">Technology</a></li><li>State Finder </li><li><br /></li></ul> <style id="remove" type="text/css"> .post { width: 100% !important; } .post-footer { display: none !important; } .post-header-line-1 { display: none !important; } .gapad2 { display: none !important; } #outer-wrapper1 { width: 100% !important; } #content-wrapper { width: 100% !important; } #midsidebar-wrapper { display: none !important; } #sidebar-wrapper { display: none !important; } #main-wrapper { width: 100% !important; } </style>

.images.