File "heading_style.html"
Full path: /home/fsibplc/public_html/fsib/heading_style.html
File
size: 2.26 B (2.26 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* === BASE HEADING === */
/* h1 {
position: relative;
padding: 0;
margin: 0;
font-family: "Raleway", sans-serif;
font-weight: 300;
font-size: 40px;
color: #080808;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
h1 span {
display: block;
font-size: 0.5em;
line-height: 1.3;
}
h1 em {
font-style: normal;
font-weight: 600;
} */
/* STYLE 6
----------------------------- */
.six h1 {
text-align: center;
line-height:2em; padding-bottom:15px;
}
/* .six h1 span {
text-transform: none;
font-size:.7em;
font-weight: normal;
font-style: italic; font-family: "Playfair Display","Bookman",serif;
color:#999; letter-spacing:-0.005em; word-spacing:1px;
letter-spacing:none;
} */
.six h1:after, .six h1:before {
position: absolute;
left: 0;
bottom: 0;
width: 45px;
height: 4px;
content: "";
right: 45px;
margin:auto;
background-color: #ccc;
}
.six h1:before {
background-color:#4e56c4;
left:45px; width:90px;
}
/* Style 8
----------------------------- */
/* .eight h1 {
text-align:center;
text-transform:uppercase;
font-size:26px;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-rows: 16px 0;
grid-gap: 22px;
}
.eight h1:after,.eight h1:before {
content: " ";
display: block;
border-bottom: 2px solid #ccc;
background-color:#f8f8f8;
}
*/
/* ------- Helper Styles -------------*/
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div {
position: relative;
/* background: #f8f8f8; */
/* width: 90%; */
/* max-width: 500px; */
/* padding: 2em; */
/* margin: 1.5em auto; */
/* border: 3px solid rgba(0, 0, 0, 0.08); */
}
</style>
</head>
<body>
<div class="six">
<h1>Style Six Heading
</h1>
</div>
<!-- <div class="eight">
<h1>Style Eight</h1>
</div> -->
</body>
</html>