-
Notifications
You must be signed in to change notification settings - Fork 0
/
block-introTextBlock-narrow.html
70 lines (61 loc) · 4.85 KB
/
block-introTextBlock-narrow.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
<!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>
<!--BLOCK: IntroTextBlock-Narrow-->
<div class="container-fluid introTextBlock">
<div class="row introText-title">
<div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
<h1>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</h1>
</div>
</div>
<div class="row introText-body">
<div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
<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>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>
</div>
</div>
</div>
</body>
</html>