PageSourceSearch

https://stride-html-template.netlify.app/content

html stride-html-template.netlify.app collected 2026-10-03 11:27:28 UTC 19,868 bytes, 318 lines download raw bytes

1<!doctype html>
2<html class="h-100" lang="en">
3
4  <head>
5      <meta charset="utf-8">
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=704f29cc-8ad2-4086-9d18-b8f6c67d5de6
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
10  <meta name="description" content="A growing collection of ready to use components for the CSS framework Bootstrap 5">
11  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
12  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
13  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
14  <link rel="icon" type="image/png" sizes="96x96" href=".t/img/favicon.png">
15  <meta name="author" content="Holger Koenemann">
16  <meta name="generator" content="Eleventy v3.1.5">
17  <meta name="HandheldFriendly" content="true">
18  <title>Plain Content Sample Page</title>
19  <link rel="stylesheet" href="css/theme.min.css">
20
21   <style>
22
23/* inter-300 - latin */
24@font-face {
25  font-family: 'Inter';
26  font-style: normal;
27  font-weight: 300;
28  font-display: swap;
29  src: local(''),
30       url('./fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
31       url('./fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
32}
33
34@font-face {
35  font-family: 'Inter';
36  font-style: normal;
37  font-weight: 500;
38  font-display: swap;
39  src: local(''),
40       url('./fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
41       url('./fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
42}
43@font-face {
44  font-family: 'Inter';
45  font-style: normal;
46  font-weight: 700;
47  font-display: swap;
48  src: local(''),
49       url('./fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
50       url('./fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
51}
52
53</style>
54
55  </head>
56
57  <body data-bs-spy="scroll" data-bs-target="#navScroll">
58
59    <nav id="navScroll" class="navbar navbar-expand-lg navbar-light" tabindex="0">
60  <div class="container">
61    <a class="navbar-brand pe-4 fs-4" href="/">
62  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-layers-half" viewbox="0 0 16 16">
63    <path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.8
6313 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"/>
64  </svg>
65  <span class="ms-1 fw-bolder">Stride</span>
66</a>
67
68    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
69      <span class="navbar-toggler-icon"></span>
70    </button>
71    <div class="collapse navbar-collapse" id="navbarSupportedContent">
72      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
73      <li class="nav-item">
74    <a class="nav-link" href="#services" aria-label="Brings you to the frontpage">
75      Services
76    </a>
77  </li>
78  <li class="nav-item">
79    <a class="nav-link" href="#aboutus">
80      About us
81    </a>
82  </li>
83  <li class="nav-item">
84    <a class="nav-link" href="#numbers">
85      Numbers
86    </a>
87  </li>
88  <li class="nav-item">
89    <a class="nav-link" href="#gallery">
90      Gallery
91    </a>
92  </li>
93  <li class="nav-item">
94    <a class="nav-link" href="#workwithus">
95      Work with us
96    </a>
97  </li>
98  <li class="nav-item">
99    <a class="nav-link" href="#testimonials">
100      Testimonials
101    </a>
102  </li>
103
104    </ul>
105      <a href="https://templatedeck.com/templates/stride" data-splitbee-event="Click Download" aria-label="Download this template" class="link-dark pb-1 link-fancy me-2">
106        Download this Template       <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download ms-1" viewBox="0 0 16 16">
107                <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
108                <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
109              </svg>
110      </a>
111
112    </div>
113</div>
114</nav>
115
116    <main>
117      <div class="py-vh-2 w-100 overflow-hidden" id="services">
118  <div class="container">
119    <div class="row">
120      <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
121
122        <h1 class="display-huge fw-bold border-bottom border-dark py-5" data-aos="fade-down">Zompire or Vambie? Thats the question!</h1>
123        <div data-aos="fade-right">
124        <img src="img/webp/person13.webp" width="36" height="36" class="img-fluid rounded-circle me-2 aos-init aos-animate" alt="" data-aos="fade">
125<span class="text-body-secondary small">by Van Helsing, Nov. 1st. 1962</span></div>
126</div>
127      <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 py-vh-2" data-aos="fade-left">
128        <p class="lead">De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi
129          dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro.
130          Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
131        </p>
132        <p>De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus
133          comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains
134          an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead. Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses
135          ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in
136          magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
137
138        </p>
139      </div>
140      <div class="col-12 col-lg-11 col-xl-8 text-start" data-aos="fade-right">
141        <figure class="py-vh-2 pt-0">
142          <blockquote class="blockquote blockquote-xl">
143            <p>"Okay folks, when I get bitten by a zombie, I doesn't turn into a zombie, the zombie turns into me."</p>
144          </blockquote>
145          <figcaption class="blockquote-footer">
146            Chuck Norris in
147            <cite title="Source Title"><mark>Delta Force</mark></cite>
148          </figcaption>
149        </figure>
150      </div>
151      <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 py-vh-2 pt-0" data-aos="fade-left">
152        <p>De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus
153          comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains
154          an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead. Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses
155          ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in
156          magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
157
158        </p>
159      </div>
160<div class="col-12 col-lg-11 offset-lg-1 col-xl-10 offset-xl-2 p-0" data-aos="fade-up">
161  <img src="img/webp/colorful.webp" class="img-fluid float-start" alt="article image">
162</div>
163      <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 py-vh-3 pb-0" data-aos="fade-right">
164<h2><strong>Case 1:</strong> If a Vampire gets bitten by a Zombie</h2>
165        <p class="lead">
166          Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens.
167            Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. </p><p>Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam
168            unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis.<br> Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.De carne lumbering
169            animata corpora quaeritis. Summus <strong>brains sit​​, morbo vel</strong> maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella
170            viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.<br> The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies.
171            Sicut malus putrid voodoo horror. <mark>Nigh tofth eliv ingdead.</mark> Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams.
172            Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror <strong>soulless vulnerum contagium accedunt</strong>, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint
173            terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
174
175        </p>
176      </div>
177      <div class="col-12 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2 py-vh-3" data-aos="fade-right">
178<h2><strong>Case 2:</strong> If a Zombie gets bitten by a Vampire</h2>
179        <p class="lead">
180          Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens.
181            Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. </p><p>Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam
182            unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis.<br> Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.De carne lumbering
183            animata corpora quaeritis. Summus <strong>brains sit​​, morbo vel</strong>
183 maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella
184            viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby.<br> Pestilentia est plague haec decaying ambulabat mortuos.  The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies.
185            Sicut malus putrid voodoo horror. <mark>Nigh tofth eliv ingdead.</mark> Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams.
186            Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror <strong>soulless vulnerum contagium accedunt</strong>, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint
187            terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
188
189        </p>
190      </div>
191
192      <div class="col-12 py-vh-3 bg-gray-900 text-light">
193        <div class="row d-flex align-items-center px-5">
194          <div class="col-12 col-lg-5 text-end d-flex justify-content-end" data-aos="fade">
195            <h2 class="border-bottom border-light pb-4 text-end me-5">Three important reasons why <strong>Zompier</strong> is the right choice:</h2>
196          </div>
197          <div class="col-12 col-lg-7 text-start">
198            <p class="border-bottom border-dark pb-5 mb-5 text-light" style="--bs-text-opacity: .5;" data-aos="fade-up">De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless
199              mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem
200              virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
201            </p>
202            <p class="border-bottom border-dark pb-5 mb-5 text-light" style="--bs-text-opacity: .5;" data-aos="fade-up">De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless
203              mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem
204              virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.
205            </p>
206            <p class="text-light" style="--bs-text-opacity: .5;" data-aos="fade-up">
207              Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut
208              zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut
209              serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.
210            </p>
211          </div>
212        </div>
213      </div>
214    </div>
215  </div>
216</div>
217
218    </main>
219
220    <footer>
221  <div class="container small border-top">
222    <div class="row py-5 d-flex justify-content-between">
223
224<div class="col-12 col-lg-6 col-xl-3 border-end p-5">
225  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-layers-half" viewbox="0 0 16 16">
226    <path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.8
22613 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"/>
227  </svg>
228  <address class="text-secondary mt-3">
229    <strong>Stride, Inc.</strong><br>
230    1355 Market St, Suite 900<br>
231    San Francisco, CA 94103<br>
232    <abbr title="Phone">P:</abbr>
233    (123) 456-7890
234  </address>
235</div>
236<div class="col-12 col-lg-6 col-xl-3 border-end p-5">
237  <h3 class="h6 mb-3">Company</h3>
238  <ul class="nav flex-column">
239    <li class="nav-item">
240      <a class="nav-link link-secondary ps-0" aria-current="page" href="#">Lorem ipsum</a>
241    </li>
242    <li class="nav-item">
243      <a class="nav-link link-secondary ps-0" href="#">Dolor sitam est</a>
244    </li>
245    <li class="nav-item">
246      <a class="nav-link link-secondary ps-0" href="#">Sed odio cras</a>
247    </li>
248    <li class="nav-item">
249      <a class="nav-link link-secondary ps-0" href="#">Commodo tortor ac</a>
250    </li>
251  </ul>
252</div>
253<div class="col-12 col-lg-6 col-xl-3 border-end p-5">
254  <h3 class="h6 mb-3">Products</h3>
255  <ul class="nav flex-column">
256    <li class="nav-item">
257      <a class="nav-link link-secondary ps-0" aria-current="page" href="#">Fusce dapibus est</a>
258    </li>
259    <li class="nav-item">
260      <a class="nav-link link-secondary ps-0" href="#">Donec sed dui</a>
261    </li>
262    <li class="nav-item">
263      <a class="nav-link link-secondary ps-0" href="#">Tortor mauris</a>
264    </li>
265    <li class="nav-item">
266      <a class="nav-link link-secondary ps-0" href="#">Ut fermentum massa</a>
267    </li>
268
269    <li class="nav-item">
270      <a class="nav-link link-secondary ps-0" href="#">Magna mollis</a>
271    </li>
272  </ul>
273</div>
274<div class="col-12 col-lg-6 col-xl-3 p-5">
275  <h3 class="h6 mb-3">Subpages</h3>
276  <ul class="nav flex-column">
277    <li class="nav-item">
278      <a aria-current='page' class='nav-link link-secondary ps-0' href='/404'>404 System Page</a>
279      <a aria-current='page' class='nav-link link-secondary ps-0' href='/register'>Register System Page</a>
280            <a aria-current='page' class='nav-link link-secondary ps-0' href='/content'>Simple Text Content Page</a>
281    </li>
282  </ul>
283</div>
284</div>
285</div>
286
287<div class="container text-center py-3 small">Made by <a href="https://templatedeck.com" class="link-fancy" target="_blank">templatedeck.com</a>
288</div>
289</footer>
290
291    
291<script src="js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 291
291
292<script src="js/aos.js"></script>
292
293 
293<script>
294 AOS.init({
295   duration: 800, // values from 0 to 3000, with step 50ms
296 });
297 </script>
297
298
299 
299<script>
300  let scrollpos = window.scrollY
301  const header = document.querySelector(".navbar")
302  const header_height = header.offsetHeight
303
304  const add_class_on_scroll = () => header.classList.add("scrolled", "shadow-sm")
305  const remove_class_on_scroll = () => header.classList.remove("scrolled", "shadow-sm")
306
307  window.addEventListener('scroll', function() {
308    scrollpos = window.scrollY;
309
310    if (scrollpos >= header_height) { add_class_on_scroll() }
311    else { remove_class_on_scroll() }
312
313    console.log(scrollpos)
314  })
315</script>
315
316
317  
317<script data-no-cookie data-respect-dnt async src="https://cdn.splitbee.io/sb.js"></script>
317</body>
318</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.