Revert "use a static footer block instead of a dynamic one"
[ryf-theme.git] / preview.html
1 <!DOCTYPE html>
2 <html lang="en" dir="ltr" class=" js"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
3
4 <meta name="Generator" content="Preview Drupal 8 (https://www.drupal.org)">
5 <meta name="MobileOptimized" content="width">
6 <meta http-equiv=”refresh” content=”2" />
7 <meta name="HandheldFriendly" content="true">
8 <meta name="viewport" content="width=device-width, initial-scale=1.0">
9 <link rel="shortcut icon" href="/favicon.ico">
10
11 <title>Preview | RYF</title>
12 <link rel="stylesheet" media="all" href="css/preview.css">
13 <link rel="stylesheet" media="all" href="css/style.css">
14
15 <!--[if lte IE 8]>
16 <script src="/core/assets/vendor/html5shiv/html5shiv.min.js?v=3.7.3"></script>
17 <![endif]-->
18
19 </head>
20 <body class="user-logged-in path-user has-glyphicons">
21 <!-- FSF Bar, first element on pages -->
22 <div id="fsf-bar">
23 <div class="fsf-bar-content">
24 <a href="http://www.fsf.org" class="fsf-bar-icon" title="Free Software Foundation">FSF.org</a>
25 <nav id="fsf-bar-menu">
26 <ul class="lista-barra-brasil">
27 <li><a href="http://fsf.org/news">news</a> </li>
28 <li><a href="https://www.fsf.org/events">events</a> </li>
29 <li><a href="https://www.fsf.org/campaigns/">campaigns</a> </li>
30 <li><a href="https://www.fsf.org/licensing/">licensing</a> </li>
31 <li><a href="https://www.fsf.org/community/">community</a> </li>
32 <li><a href="https://forum.members.fsf.org">forum</a> </li>
33 <li><a href="http://shop.fsf.org">shop</a> </li>
34 <li><a href="https://my.fsf.org/civicrm/member-dashboard" id="fsf-bar-login">login</a> </li>
35 </ul>
36 </nav>
37 </div><!-- .fsf-bar-content -->
38 </div><!-- #fsf-bar -->
39 <style type="text/css" media="all">
40 #fsf-bar { background:#800000; box-sizing:content-box; display:flex; overflow: hidden; flex-direction:column-reverse; align-items:center;}
41 #fsf-bar * { margin:0; padding:0; font: 1.5rem sans-serif; vertical-align:baseline; }
42 #fsf-bar ul{ list-style:none; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; width: auto; max-width: none; }
43 #fsf-bar li{ display: list-item; padding: 0 1rem; } #fsf-bar a { color: #FFF; } #fsf-bar #fsf-bar-login { color: #edd400; padding: 0 2rem; font-style: italic; }
44 #fsf-bar .fsf-bar-icon{ background: url("images/fsf-logo.svg") no-repeat; background-size:200px; text-indent: -1000px; overflow: hidden; display: block; height:25px; padding-right: 60px;}
45 #fsf-bar .fsf-bar-content{height:30px;width:95%;max-width:1150px;padding:0;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;}
46 @media screen and (min-width: 55em) { #fsf-bar .fsf-bar-icon{width: 220px;} }
47 </style>
48 <!-- End FSF Bar -->
49 <a href="#main-content" class="visually-hidden focusable skip-link">
50 Skip to main content
51 </a>
52
53 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas="">
54 <!-- header -->
55 <header class="navbar navbar-default container-fluid" id="navbar" role="banner">
56 <div class="navbar-header">
57 <div class="region region-navigation">
58 <a class="logo navbar-btn pull-left" href="/en" title="Home" rel="home">
59 <img src="logo.svg" alt="Home">
60 </a>
61 </div>
62 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
63 <span class="sr-only">Toggle navigation</span>
64 <span class="icon-bar"></span>
65 <span class="icon-bar"></span>
66 <span class="icon-bar"></span>
67 </button>
68 </div>
69 <div id="navbar-collapse" class="navbar-collapse collapse">
70 <div class="region region-navigation-collapsible">
71 <nav role="navigation" aria-labelledby="block-bootstrap-main-menu-menu" id="block-bootstrap-main-menu" class="contextual-region settings-tray-editable" data-drupal-settingstray="editable">
72 <h2 class="sr-only" id="block-bootstrap-main-menu-menu">Main navigation</h2>
73 <ul class="menu menu--main nav navbar-nav">
74 <li class="first"><a href="#" class="is-active">About</a></li>
75 <li><a href="#">Certified catalog</a></li>
76 <li><a href="#">Documentation</a></li>
77 <li><a href="#">News</a></li>
78 <li class="last"><a href="#">Support Us!</a></li>
79 </ul>
80 </nav>
81 <nav role="navigation" aria-labelledby="block-bootstrap-account-menu-menu" id="block-bootstrap-account-menu" class="contextual-region settings-tray-editable" data-drupal-settingstray="editable">
82 <h2 class="sr-only" id="block-bootstrap-account-menu-menu">User account menu</h2>
83
84 <ul class="menu menu--account nav navbar-nav navbar-right">
85 <li class="first"><a href="/en/user" data-drupal-link-system-path="user">My account</a>
86 </li>
87 <li class="last"> <a href="/en/user/logout" data-drupal-link-system-path="user/logout">Log out</a>
88 </li> </ul> </nav>
89 </div>
90 </div>
91 </header>
92 <!-- end header -->
93
94 <div role="main" class="main-container container">
95 <div class="row">
96
97 <div class="col-sm-12" role="heading">
98 <div class="region region-header"><h1 class="page-header">Certified catalog</h1></div>
99 </div>
100
101 <section class="col-sm-12">
102
103 <a id="main-content"></a>
104 <div class="region region-content">
105 <article>
106 <div class="layout layout--onecol">
107 <div class="layout__region layout__region--content">
108 <!-- start content -->
109
110 <div class="row">
111 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
112 <div class="ryf-list">
113 <h3>The Vikings X200</h3>
114 <img src="https://static.fsf.org/nosvn/ryf/VKGS-X200-500x500.jpg" alt="dsadas" />
115 <div class="detail">
116 <p>Is a refurbished, ultraportable and durable business laptop that respects your freedom and your privacy. (<a href="#">Read more</a>) </p>
117 </div>
118 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
119 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
120 </div>
121 </div>
122
123 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
124 <div class="ryf-list">
125 <h3>The Vikings ASUS KGPE D16 Mainboard</h3>
126 <img src="https://static.fsf.org/nosvn/ryf/VKGS-MB-D16_1-500x500.jpeg" alt="dsadas" />
127 <div class="detail">
128 <p>The Vikings ASUS KGPE D16 Mainboard was awarded Respects Your Freedom certification on March 6, 2017. For certification details, including certified source code... (<a href="#">Read more</a>) </p>
129 </div>
130 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
131 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
132 </div>
133 </div>
134
135
136 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
137 <div class="ryf-list">
138 <h3>The Technoethical TET-X200s</h3>
139 <img src="https://static.fsf.org/nosvn/ryf/tehnoetic_x200-docking_500x500-228x228.png" alt="dsadas" />
140 <div class="detail">
141 <p>Is a refurbished, ultraportable and durable business laptop that respects your freedom and your privacy. (<a href="#">Read more</a>) </p>
142 </div>
143 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
144 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
145 </div>
146 </div>
147
148
149 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
150 <div class="ryf-list">
151 <h3>The Vikings ASUS KGPE D16 Mainboard</h3>
152 <img src="https://static.fsf.org/nosvn/ryf/VKGS-MB-D16_1-500x500.jpeg" alt="dsadas" />
153 <div class="detail">
154 <p>The Vikings ASUS KGPE D16 Mainboard was awarded Respects Your Freedom certification on March 6, 2017. For certification details, including certified source code... (<a href="#">Read more</a>) </p>
155 </div>
156 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
157 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
158 </div>
159 </div>
160
161
162 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
163 <div class="ryf-list">
164 <h3>The Technoethical TET-X200s</h3>
165 <img src="https://static.fsf.org/nosvn/ryf/tehnoetic_x200-docking_500x500-228x228.png" alt="dsadas" />
166 <div class="detail">
167 <p>Is a refurbished, ultraportable and durable business laptop that respects your freedom and your privacy. (<a href="#">Read more</a>) </p>
168 </div>
169 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
170 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
171 </div>
172 </div>
173
174 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
175 <div class="ryf-list">
176 <h3>The Vikings X200</h3>
177 <img src="https://static.fsf.org/nosvn/ryf/VKGS-X200-500x500.jpg" alt="dsadas" />
178 <div class="detail">
179 <p>Is a refurbished, ultraportable and durable business laptop that respects your freedom and your privacy. (<a href="#">Read more</a>) </p>
180 </div>
181 <div class="supplier">Supplier: <a href="#">Vikings</a></div>
182 <div class="tags">Tags: <a href="#">usb</a>, <a href="#">laptop</a>, <a href="#">x200</a></div>
183 </div>
184 </div>
185
186 </div><!-- .row -->
187
188 <!-- end content -->
189
190 <div class="col-12">
191 <nav aria-label="...">
192 <ul class="pagination">
193 <li class="page-item disabled">
194 <a class="page-link" href="#" tabindex="-1">Previous</a>
195 </li>
196 <li class="page-item"><a class="page-link" href="#">1</a></li>
197 <li class="page-item active">
198 <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>
199 </li>
200 <li class="page-item"><a class="page-link" href="#">3</a></li>
201 <li class="page-item">
202 <a class="page-link" href="#">Next</a>
203 </li>
204 </ul>
205 </nav>
206 </div>
207
208 </div>
209 </div>
210 </article>
211
212
213 </div>
214
215 </section>
216
217 </div>
218 </div>
219
220 <footer class="footer container-fluid" role="contentinfo">
221
222 <div class="container">
223 <div class="row">
224 <div class="col-md-4">
225 <div class="free-software-foundation">
226 <p><img src="images/fsf-logo.svg" alt="FSF" style="margin-bottom: 1em;" /></p>
227 <p>The Free Software Foundation (FSF) is a nonprofit with a worldwide mission to promote computer user freedom.</p>
228 <p>We defend the rights of all software users. (<a href="#">Read more</a>)</p>
229 </div>
230 </div>
231 <div class="col-md-3">
232 <div class="get-involved"><h4>Get Involved</h4>
233 <ul>
234 <li><a href="#">Join the FSF</a></li>
235 <li><a href="#">Donate to the FSF</a></li>
236 <li><a href="#">Patrons</a></li>
237 <li><a href="#">Associeate Members</a></li>
238 <li><a href="#">Volunteering and Interships</a></li>
239 </ul>
240 </div><!-- .get-involved -->
241 </div>
242 <div class="col-md-3">
243 <div class="get-involved"><h4>Get Involved</h4>
244 <ul>
245 <li><a href="#">Join the FSF</a></li>
246 <li><a href="#">Donate to the FSF</a></li>
247 <li><a href="#">Patrons</a></li>
248 <li><a href="#">Associeate Members</a></li>
249 <li><a href="#">Volunteering and Interships</a></li>
250 </ul>
251 </div><!-- .get-involved -->
252 </div>
253 </div>
254
255 <div class="region region-footer copyright">
256 <span>Send your feedback on our translations and new translations of pages to <a href="#">campaigns@fsf.org</a>. <br />
257
258 Copyright © 2004-2019 Free Software Foundation, Inc. Privacy Policy. Powered by <a href="https://www.drupal.org/">Drupal</a></span>
259
260 </div>
261
262 </footer>
263
264 </div>
265
266
267 <!--[if lte IE 9]>
268 <script src="/core/assets/vendor/classList/classList.min.js?v=2014-12-13"></script>
269 <![endif]-->
270
271 <!-- JS Drupal 8 used -->
272 <script src="js/jquery.min.js"></script>
273 <script src="js/underscore-min.js"></script>
274 <script src="js/jquery-extend-3.4.0.js"></script>
275 <script src="js/drupalSettingsLoader.js"></script>
276 <script src="js/drupal.js"></script>
277 <script src="js/drupal.init.js"></script>
278 <script src="js/bootstrap.min.js"></script>
279 <script src="js/drupal.bootstrap.js"></script>
280 <script src="js/attributes.js"></script>
281 <script src="js/theme.js"></script>
282 <script src="js/active-link.js"></script>
283 <script src="js/popover.js"></script>
284 <script src="js/tooltip.js"></script>
285
286
287
288 </body></html>