"Typography"
Bootstrap 3.0.0 Snippet by richobrien

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-xs-12"> <h1>Paragraph Styling</h1> </div> </div> <div class="row"> <div class="col-xs-12"> <p class="lead">First things first – your privacy is important to us. We know that’s what all these kinds of notices say, but we really mean it. You’ve placed your trust in us by using sketchucation.com services, and we value that trust. That means we’re committed to protecting and safeguarding any personal data you give us.</p> <p class="lead">This document describes how we use and process your personal data, hopefully presented in a readable and transparent way so you can understand where we’re coming from without getting bored. As an added bonus, it also tells you how to contact us if you have questions about your personal data, which we’re more than happy to answer. Please also read our separate Cookie Statement, which tells you how sketchucation.com uses cookies and other similar technologies.</p> </div> </div> <div class="row"> <div class="col-xs-12"> <p>If you’ve ever used our services before, you know that sketchucation.com offers online services through our own website and SketchUp extensions, as well as through other online platforms like partners’ websites and social media. Why mention every one of these? It's good to know that all the information that follows applies to not one, not two, but all of these platforms. We have several platforms, but one Privacy Statement.</p> </div> </div> <div class="row"> <div class="col-xs-12"> <h2>Default lead paragraph style for articles</h2> <ul> <li>Text</li> <li>Text</li> <li>Text</li> </ul> </div> </div> </div>
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family:'Montserrat', arial, sans-serif; font-weight:600; } p { font-size: 16px; font-weight: 300; line-height: 160%; margin: 0 0 20px; } p a { border-bottom: .05em solid rgba(0,0,0,.1) ; color: #2980b9; font-weight: bold; padding: 0 3px; text-decoration: none; } p a:focus,p a:hover { border-bottom: .05em solid #3498db; color: #3498db; text-decoration: none; } p a:active { padding-top: 2px; } p a:visited { color: #9b59b6; } p a:visited:hover { border-bottom: .05em solid #9b59b6; color: #9b59b6; } .lead{ font-size: 24px; font-weight: 300; } .mark, mark { padding: 0.02em; background-color: rgba(243, 156, 18, 0.1); } blockquote { border-left: 5px solid #bdc3c7; font-style: italic; } .text-muted { color: #7f8c8d; } .text-primary { color: #297fb8; } .text-success { color: #27ae60; } .text-info { color: #2980b9; } .text-warning { color: #f39c12; } .text-danger { color: #c0392b; } .text-white{ color: #fff; } .ribbon-primary{ background-color: #2980b9; color:#fff; } .ribbon-success{ background-color: #2ecc71; color:#fff; } .ribbon-danger{ background-color: #e74c3c; color:#fff; } .ribbon-warning{ background-color: #f1c40f; color:#fff; }

Related: See More


Questions / Comments: