-
Notifications
You must be signed in to change notification settings - Fork 1
/
example1.html
153 lines (133 loc) · 6.65 KB
/
example1.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Patternfly Web</title>
<!--<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen, print">-->
<link href="css/patternfly-web.css" rel="stylesheet" media="screen, print">
</head>
<body>
<div class="container">
<div class="page-header">
<!-- navigation bar -->
<nav class="navbar navbar-dark bg-faded navbar-pf">
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse"
data-target="#exCollapsingNavbar2">
☰
</button>
<div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar2">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img src="../dist/img/brand.svg" alt="PatternFly Enterprise Application"/>
</a>
</div><!-- .navbar-header -->
<ul class="nav navbar-nav nav-inline">
<li class="nav-item active">
<a class=" nav-link " href="#">First Link <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Another Link</a>
<div class="dropdown-menu">
<a class="dropdown-item">first thing</a>
<a class="dropdown-item">second thing</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item">separated thing</a>
</div>
</li>
<li class="nav-item">
<a class=" nav-link" href="#">And Another</a>
</li>
<li class="nav-item">
<a class=" nav-link" href="#">As a General Rule</a>
</li>
<li class="nav-item">
<a class=" nav-link" href="#">Five to Seven Links</a></li>
<li class="nav-item">
<a class=" nav-link" href="#">Is Good</a></li>
</ul> <!-- .nav .navbar-nav -->
</div>
</nav>
</div>
<!-- cover sheet -->
<!--<div class="coversheet">-->
<!--<img src="dist/img/iceland-images-18.jpg">-->
<!--<h1 class="display-3">Sliced Bread</h1>-->
<!--<p>Mascarpone fromage ricotta. Rubber cheese lancashire port-salut pecorino bocconcini babybel boursin cheddar.-->
<!--Cow cheeseburger rubber cheese st. agur blue cheese cheese and biscuits pepper jack cut the cheese goat.-->
<!--Monterey jack emmental danish fontina.-->
<!--<p>Macaroni cheese squirty cheese danish fontina. Gouda cheesy feet manchego monterey jack cauliflower cheese-->
<!--croque monsieur cheddar pecorino. Squirty cheese cheeseburger cream cheese mascarpone cheese strings pepper-->
<!--jack jarlsberg caerphilly. Camembert de normandie the big cheese cheese and biscuits chalk and cheese macaroni-->
<!--cheese danish fontina bocconcini edam. Rubber cheese airedale airedale monterey jack.-->
<!--<p class="lead">It's the best thing since...well, sliced bread.</p>-->
<!--<p class="lead">-->
<!--<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>-->
<!--</p>-->
<!--</div>-->
<!-- jumbotron -->
<div class="jumbotron jumbotron-pf jumbotron-pf-hero">
<img src="dist/img/fb-bread.jpg">
<div class="overlay">
<div class="center">
<h1 class="display-3">Sliced Bread</h1>
<!--<p>Mascarpone fromage ricotta. Rubber cheese lancashire port-salut pecorino bocconcini babybel boursin cheddar.-->
<!--Cow cheeseburger rubber cheese st. agur blue cheese cheese and biscuits pepper jack cut the cheese goat.-->
<!--Monterey jack emmental danish fontina.</p>-->
<!--<p>Macaroni cheese squirty cheese danish fontina. Gouda cheesy feet manchego monterey jack cauliflower cheese-->
<p class="lead">It's the best thing since...well, sliced bread.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
</div>
</div>
<!-- media objects -->
<div class="row">
<div class="media col-xs-12 col-sm-6 col-md-4 ">
<a class="media-left" href="#">
<img class="media-object" src="dist/img/logo.svg" alt="Media image">
</a>
<div class="media-body">
<h4 class="media-heading">Bacon</h4>
<p>Prosciutto pork loin t-bone capicola kevin beef ribs shank short loin jerky spare ribs rump strip steak
brisket ham drumstick. Tongue tri-tip ribeye rump andouille cow hamburger cupim, boudin swine shoulder short
ribs pig fatback ground round. Pig kevin beef turkey andouille drumstick. Swine shank filet mignon flank,
capicola prosciutto ribeye cupim meatball.</p>
</div>
</div>
<div class="media col-xs-12 col-sm-6 col-md-4 ">
<a class="media-left" href="#">
<img class="media-object" src="dist/img/logo.svg" alt="Media image">
</a>
<div class="media-body">
<h4 class="media-heading">Tuna</h4>
<p>Slimy mackerel gombessa pencil catfish sand goby blue whiting. Oilfish alooh spotted danio carpetshark,
angelfish mud cat neon tetra Blenny, temperate bass.
<p>owen swordtail Jack Dempsey mud cat moonfish, sea devil. Kokopu--mudskipper lyretail squawfish monkfish skate
livebearer turbot Black triggerfish ling cod. Bluntnose knifefish threadfin snubnose parasitic eel sabertooth
fish, pike eel trumpeter eelblenny.
</div>
</div>
<div class="media col-xs-12 col-sm-6 col-md-4 ">
<a class="media-left" href="#">
<img class="media-object" src="dist/img/logo.svg" alt="Media image">
</a>
<div class="media-body">
<h4 class="media-heading">Veggie</h4>
<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo
melon azuki bean garlic.
<p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean
collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>