-
Notifications
You must be signed in to change notification settings - Fork 0
/
block-blog-A.html
89 lines (80 loc) · 9.1 KB
/
block-blog-A.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Bootstrap/FontAwsome - CDN - Latest compiled and minified CSS -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<!-- Bootstrap/FontAwsome - LOCAL - Latest compiled and minified CSS -->
<!-- Note: This is included/commented out in config.sass -->
<!--<link href="css/bootstrap/" rel="stylesheet" type="text/css">-->
<!--<link href="css/font-awesome.css" rel="stylesheet" type="text/css">-->
<!--Google Type - CDN - Fonts for use SASS/CSS-->
<!--<link href="https://fonts.googleapis.com/css?family=Heebo|Martel" type="text/css" rel="stylesheet">-->
<!--Main SASS/CSS for Streamlio-->
<link href="css/streamlio.css" type="text/css" rel="stylesheet" />
<!--Favicon link block-->
<!--<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">-->
<!--<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">-->
<!--<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">-->
<!--<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">-->
<!--<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">-->
<!--<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">-->
<!--<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">-->
<!--<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">-->
<!--<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">-->
<!--<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">-->
<!--<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">-->
<!--<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">-->
<!--<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">-->
<!--<meta name="msapplication-TileColor" content="#ffffff">-->
<!--<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">-->
<!--<meta name="theme-color" content="#ffffff">-->
<link rel="shortcut icon" href="favicon.ico">
<!--<link rel="icon" href="favicon.ico" type="image/x-icon">-->
<title>Streamlio</title>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--Blog A Block with two columns -->
<div class="container-fluid introTextBlock">
<div class="row introText-title title-extended">
<div class="col-sm-5 col-sm-offset-1 col-xs-10 col-xs-offset-1">
<h1>Title of the section, which is only half the width, unless a small screen</h1>
</div>
<div class="col-xs-10 col-xs-offset-1">
<h5>This is the title of the section to follow, and this is what it looks like when there's a lot of additional words in the sentence</h5>
</div>
</div>
<div class="row pubInfo">
<div class="col-xs-10 col-xs-offset-1">
<span class="icon fa fa-4x fa-user-circle-o"></span>
<p class="pubInfo-date">Date 2018</p>
<p class="pubInfo-author">Someones Name</p>
</div>
</div>
<div class="row introText-body">
<div class="col-xs-10 col-xs-offset-1 columns-2">
<p>Lorem ipsum dolor sit amet, <a title="a link" href="#">consectetur adipiscing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquet lectus proin nibh nisl condimentum id. Condimentum lacinia quis vel eros donec. Est ultricies integer quis auctor elit sed vulputate mi. Leo urna molestie at elementum eu facilisis sed. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Odio facilisis mauris sit amet. Ac felis donec et odio. Tortor id aliquet lectus proin nibh nisl. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Elementum nisi quis eleifend quam adipiscing. Sed enim ut sem viverra aliquet. Erat velit scelerisque in dictum non consectetur. Ullamcorper morbi tincidunt ornare massa eget. Pharetra massa massa ultricies mi quis. At erat pellentesque adipiscing commodo elit at imperdiet. Adipiscing elit pellentesque habitant morbi tristique senectus et netus. Ac felis donec et odio.</p>
<p>Natoque penatibus et magnis dis parturient montes nascetur ridiculus. Tempus imperdiet nulla malesuada pellentesque elit eget gravida cum sociis. Lacinia quis vel eros donec. Nunc eget lorem dolor sed viverra. Ut pharetra sit amet aliquam id diam maecenas. Leo a diam sollicitudin tempor id eu nisl nunc mi. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar. Diam volutpat commodo sed egestas egestas fringilla phasellus. Morbi tincidunt augue interdum velit euismod. Pellentesque adipiscing commodo elit at imperdiet. Amet est placerat in egestas erat imperdiet sed euismod. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum est.</p>
</div>
<div class="col-xs-10 col-xs-offset-1 columns-2">
<p>Amet massa vitae tortor condimentum lacinia quis vel eros. Tincidunt nunc pulvinar sapien et ligula ullamcorper. Nulla facilisi cras fermentum odio eu. Diam vel quam elementum pulvinar. Tempor commodo ullamcorper a lacus vestibulum sed arcu non. Nec feugiat in fermentum posuere urna nec tincidunt praesent. Faucibus scelerisque eleifend donec pretium. Neque ornare aenean euismod elementum nisi. Amet tellus cras adipiscing enim eu turpis egestas. Eget aliquet nibh praesent tristique. Lobortis mattis aliquam faucibus purus in. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Neque viverra justo nec ultrices dui sapien. Id venenatis a condimentum vitae sapien pellentesque habitant. Sed turpis tincidunt id aliquet risus feugiat in ante metus. Non curabitur gravida arcu ac tortor dignissim convallis aenean et. Nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Scelerisque eleifend donec pretium vulputate sapien nec.</p>
<p>Pharetra diam sit amet nisl. Commodo odio aenean sed adipiscing diam. Quisque egestas diam in arcu cursus euismod quis. Libero nunc consequat interdum varius. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc vel. In mollis nunc sed id semper risus in hendrerit gravida. Molestie a iaculis at erat pellentesque adipiscing commodo. Eget est lorem ipsum dolor sit amet consectetur adipiscing elit. Justo eget magna fermentum iaculis eu non. Eget sit amet tellus cras. Pharetra sit amet aliquam id diam maecenas ultricies mi eget. Mollis nunc sed id semper risus in. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Sit amet nisl suscipit adipiscing bibendum est. Odio facilisis mauris sit amet massa vitae. Volutpat odio facilisis mauris sit amet massa vitae tortor condimentum. Bibendum enim facilisis gravida neque convallis a cras semper. Volutpat odio facilisis mauris sit amet massa. Praesent elementum facilisis leo vel.</p>
</div>
<div class="col-xs-10 col-xs-offset-1 columns-2">
<p>Erat pellentesque adipiscing commodo elit at imperdiet. Tristique risus nec feugiat in fermentum posuere urna nec. Urna cursus eget nunc scelerisque viverra. Mauris commodo quis imperdiet massa tincidunt nunc pulvinar sapien et. Elit ullamcorper dignissim cras tincidunt. Id aliquet lectus proin nibh nisl. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut. Aliquet bibendum enim facilisis gravida neque convallis a. Tellus integer feugiat scelerisque varius morbi. Eu sem integer vitae justo eget magna fermentum iaculis. Sagittis nisl rhoncus mattis rhoncus urna. Vitae tortor condimentum lacinia quis vel. Nulla pharetra diam sit amet nisl. Eget gravida cum sociis natoque.</p>
<p>Sit amet mattis vulputate enim nulla. Ornare arcu dui vivamus arcu felis bibendum ut. Nunc aliquet bibendum enim facilisis gravida neque. Adipiscing enim eu turpis egestas pretium aenean. Vivamus at augue eget arcu dictum. At elementum eu facilisis sed. Quisque sagittis purus sit amet volutpat consequat mauris nunc. Interdum velit euismod in pellentesque massa. Sem fringilla ut morbi tincidunt augue. Sit amet mattis vulputate enim nulla. Sit amet commodo nulla facilisi nullam vehicula.</p>
<p>Mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. Cras tincidunt lobortis feugiat vivamus. Sit amet nulla facilisi morbi. Dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. Non pulvinar neque laoreet suspendisse interdum. Amet risus nullam eget felis eget. Dui vivamus arcu felis bibendum ut tristique et egestas. Mi sit amet mauris commodo quis imperdiet. Porta lorem mollis aliquam ut porttitor leo a. Odio ut enim blandit volutpat.</p>
</div>
</div>
</div>
</body>
</html>