1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 6 <meta name="description" content="" /> 7 <meta name="author" content="" /> 8 <title>Old Town Abbey Beer</title> 9 <!-- Favicon--> 10 <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> 11 <!-- Font Awesome icons (free version)--> 12
12<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
12 13 <!-- Google fonts--> 14 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> 15 <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" /> 16 <!-- Core theme CSS (includes Bootstrap)--> 17 <link href="css/styles.css" rel="stylesheet" /> 18 </head> 19 <body id="page-top"> 20 <!-- Navigation--> 21 <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> 22 <div class="container"> 23 <a class="navbar-brand" href="#page-top"><img src="images/ota-icon.jpg" width="30" height="50" alt="..." /></a> 24 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> 25 Menu 26 <i class="fas fa-bars ms-1"></i> 27 </button> 28 <div class="collapse navbar-collapse" id="navbarResponsive"> 29 <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0"> 30 <li class="nav-item"><a class="nav-link" href="#crafted">Crafted to Inspire</a></li> 31 <li class="nav-item"><a class="nav-link" href="#thebeer">The Beer</a></li> 32 <li class="nav-item"><a class="nav-link" href="#about">About</a></li> 33 <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> 34 </ul> 35 </div> 36 </div> 37 </nav> 38 <!-- Masthead--> 39 <header class="masthead"> 40 41 <div class="container"> 42 <div class="masthead-subheading"><img src="images/logo-footer.png"></div> 43 44 <div class="masthead-subheading">Created to Inspire the Sences</div> 45 <!-- <div class="masthead-heading text-uppercase">Top Selling New Brands</div>--> 46 <a class="btn btn-primary btn-xl text-uppercase" href="#thebeer">Tell Me More</a> 47 </div> 48 </header> 49 <!-- Services--> 50 <section class="page-section" id="crafted"> 51 <div class="container"> 52 <div class="text-center"> 53 <h2 class="section-heading text-uppercase">CRAFTED TO INSPIRE</h2> 54 <h3 class="section-subheading text-muted">Old Town Abbey Belgian-inspired beers brewed</h3> 55 </div> 56 57 <div class="container mt-5"> 58 <table class="table table-borderless"> 59 <tbody> 60 <tr> 61 <td> 62 <div style="height: 75px;"></div> 63 <p>Old Town Abbey is a brewing company specializing in Belgian-inspired ales. These flavorful and distinctive beers that pay homage to the "abbey alesâ of Europe.traditionally brewed by monks. An Porto, founder of Old Town Abbey, discovered his passion for abbey beers while traveling in Europe as a culinary student at Kendall College in Chicago.His mission is to bring the tradition and flavors of Belgian-style ales to the Midwest and beer lovers,,one delicious glass at a time! While previously contracting our recipes through another brewery we are currently moving ahead with plans for our own location. Check back here or follow us on Facebook for updates and news as we forge ahead.</p></td> 64 <td><img src="images/beerbottles.png" alt="Girl in a jacket" width="480" height="600"></td> 65 </tr> 66 </tbody> 67 </table> 68 </div> 69 70 </section> 71 <!-- Portfolio Grid--> 72 <section class="page-section bg-light" id="thebeer"> 73 <div class="container"> 74 <div class="text-center"> 75 <h2 class="section-heading text-uppercase">beer flavors & info</h2> 76 <!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>--> 77 </div> 78 <div class="row"> 79 <div class="col-lg-4 col-sm-6 mb-4"> 80 <!-- white--> 81 <div class="portfolio-item"> 82 <a class="portfolio-link"> 83 <div class="portfolio-hover"> 84 <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> 85 </div> 86 <center> 87 <img class="img-fluid" src="images/white.jpg" width="200" alt="..." /> 88 </center> 89 </a> 90 <div class="portfolio-caption"> 91 <div ><center><b>WHITE</b></center><br> 92 An interpretation of a classic style, this crisp and refreshing wheat beer has a hint of lemongrass, creating a complex flavor and florn-citrus aroma. A light-to-medium bodied ale. it pairs well with light delicate or spicy foods.</div> 93 <div><hr> 94 <center> 95 <table border="1"> 96 <tbody> 97 <tr> 98 <td rowspan="3" valign="middle" ></td> 99 <td width="140"><strong>Alcohol by Vol: <span class="spec">4.5%</span></strong></td> 100 <td>IBU: <span class="spec">21</span></td> 101 </tr> 102 <tr> 103 <td height="30"><strong>Color: <span class="spec">straw-colored & cloudy in appearance</span></strong></td> 104 <td>SRM: <span class="spec">4</span></td> 105 </tr> 106 <tr> 107 <td colspan="2"><strong>Serving Temperature:</strong> <span class="spec">39° â 42°</span></td> 108 </tr> 109 </tbody> 110 </table> 111 </center> 112 </div> 113 </div> 114 </div> 115 </div> 116 <div class="col-lg-4 col-sm-6 mb-4"> 117 <!-- double--> 118 <div class="portfolio-item"> 119 <a class="portfolio-link" > 120 <div class="portfolio-hover"> 121 <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> 122 </div> 123 <center><img class="img-fluid" src="images/dounble.jpeg" width="200" alt="..." /> </center> 124 </a> 125 <div class="portfolio-caption"> 126 <div ><center><b>DOUBLE</b></center><br> 127 Our double is a dark, intense beer with just enough hops to balance out the right malt and fruit flavors. It has a tun caramel flavor with hints of plum and raisin It's a perfect occompaniment to barbecue, smoked meats and sweet desserts</div> 128 <!-- <div class="portfolio-caption-subheading text-muted">Graphic Design</div>--> 129 <hr> 130 <center> 131 <table border="1"> 132 <tbody> 133 <tr> 134 <td rowspan="3" valign="middle" ></td> 135 <td width="140"><strong>Alcohol by Vol: <span class="spec">7.7%</span></strong></td> 136 <td>IBU: <span class="spec">19</span></td> 137 </tr> 138 <tr> 139 <td height="30"><strong>Color: <span class="spec">Reddish-Brown</span></strong></td> 140 <td>SRM: <span class="spec">24- I</span></td> 141 </tr> 142 <tr> 143 <td colspan="2"><strong>Serving Temperature:</strong> <span class="spec">46° â 53°</span></td> 144 </tr> 145 </tbody> 146 </table> 147 </center> 148 </div> 149 </div> 150 </div> 151 <div class="col-lg-4 col-sm-6 mb-4"> 152 <!-- blonde--> 153 <div class="portfolio-item"> 154 <a class="portfolio-link"> 155 <div class="portfolio-hover"> 156 <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> 157 </div> 158 <center> 159 <img class="img-fluid" src="images/blonde.jpg" width="200" alt="..." /> 160 </center> 161 </a> 162 <div class="portfolio-caption"> 163 <div ><center><b>BLONDE</b></center><br>Our flagship beer is a classic Belgian abbey-style blond ale that is a beautiful balance of sweet malt and noble hop bitterness with a pale golden color. Incredibly drinkable. it is a fine accompaniment lo a variety of foods</div> 164 <!-- <div class="portfolio-caption-subheading text-muted">Identity</div>--> 165 </div> 166 <hr> 167 <center> 168 <table border="1"> 169 <tbody> 170 <tr> 171 <td rowspan="3" valign="middle" ></td> 172 <td width="140"><strong>Alcohol by Vol: <span class="spec">6.2%</span></strong></td> 173 <td>IBU: <span class="spec">20</span></td> 174 </tr> 175 <tr> 176 <td height="30"><strong>Color: <span class="spec">straw-colored & cloudy in appearance</span></strong></td> 177 <td>SRM: <span class="spec">5.5</span></td> 178 </tr> 179 <tr> 180 <td colspan="2"><strong>Serving Temperature:</strong> <span class="spec">46° â 50°</span></td> 181 </tr> 182 </tbody> 183 </table> 184 </center> 185 </div> 186 </div> 187 188 189 190 191 192 193 194 195 <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"> 196 <!-- left image--> 197 198 </div> 199 <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0"> 200 <!-- center image--> 201 <div class="portfolio-item"> 202 203 204 <img align="center" src="images/center.png" width="450" alt="..." /> 205 206 207 </div> 208 </div> 209 <div class="col-lg-4 col-sm-6"> 210 <!-- right image--> 211 212 </div> 213 </div> 214 </div> 215 </section> 216 <!-- About--> 217 <!-- 218 <section class="page-section" id="about"> 219 <div class="container"> 220 <div class="text-center"> 221 <h2 class="section-heading text-uppercase">About the Maker</h2> 222 <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> 223 </div> 224 <ul class="timeline"> 225 <li> 226 <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="..." /></div> 227 <div class="timeline-panel"> 228 <div class="timeline-heading"> 229 <h4>2009-2011</h4> 230 <h4 class="subheading">Our Humble Beginnings</h4> 231 </div> 232 <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> 233 </div> 234 </li> 235 <li class="timeline-inverted"> 236 <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="..." /></div> 237 <div class="timeline-panel"> 238 <div class="timeline-heading"> 239 <h4>March 2011</h4> 240 <h4 class="subheading">An Agency is Born</h4> 241 </div> 242 <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> 243 </div> 244 </li> 245 <li> 246 <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="..." /></div> 247 <div class="timeline-panel"> 248 <div class="timeline-heading"> 249 <h4>December 2015</h4> 250 <h4 class="subheading">Transition to Full Service</h4> 251 </div> 252 <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> 253 </div> 254 </li> 255 <li class="timeline-inverted"> 256 <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt="..." /></div> 257 <div class="timeline-panel"> 258 <div class="timeline-heading"> 259 <h4>July 2020</h4> 260 <h4 class="subheading">Phase Two Expansi
260on</h4> 261 </div> 262 <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> 263 </div> 264 </li> 265 <li class="timeline-inverted"> 266 <div class="timeline-image"> 267 <h4> 268 Be Part 269 <br /> 270 Of Our 271 <br /> 272 Story! 273 </h4> 274 </div> 275 </li> 276 </ul> 277 </div> 278 </section> 279 --> 280 <!-- Team--> 281 <section class="page-section bg-light" id="about"> 282 <div class="container"> 283 <div class="text-center"> 284 <h2 class="section-heading text-uppercase">ABOUT THE MAKER</h2> 285 <!--<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>--> 286 </div> 287 <div class="row"> 288 <center> 289 <table cellpadding="15"> 290 291 <tbody> 292 <tr> 293 <td><img src="images/aboutthemaker.jpg"></td> 294 <td>Old Town Abbey was born out of a passion for craft beer and a deep love for the beer drinking community. What began as a homebrew project became local favorite, offering unique, handÂcrafted brews that capture the essence of what craft is really about. From the very beginning, the label's owner has stayed true to his roots, blending innovative brewing techniques with the rich traditions of Belgian beer culture. The time off the market has been well spent developing additional recipes and refining our original core three offerings. We have also made plans for seasonal specials. and a food menu that reflects and compliments the quality of out fine ales, brewed so that every sip reflects the journey of growth, community, and passion that's defined our brand for over a decade 295 </td> 296 </tr> 297 </tbody> 298 </table> 299 <center> 300 </div> 301 </div> 302 </section> 303 <!-- Clients--> 304 <!-- 305 <div class="py-5"> 306 <div class="container"> 307 <div class="row align-items-center"> 308 <div class="col-md-3 col-sm-6 my-3"> 309 <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg" alt="..." aria-label="Microsoft Logo" /></a> 310 </div> 311 <div class="col-md-3 col-sm-6 my-3"> 312 <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg" alt="..." aria-label="Google Logo" /></a> 313 </div> 314 <div class="col-md-3 col-sm-6 my-3"> 315 <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg" alt="..." aria-label="Facebook Logo" /></a> 316 </div> 317 <div class="col-md-3 col-sm-6 my-3"> 318 <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg" alt="..." aria-label="IBM Logo" /></a> 319 </div> 320 </div> 321 </div> 322 </div> 323 --> 324 <!-- Contact--> 325 <section class="page-section" id="contact"> 326 <div class="container"> 327 <div class="text-center"> 328 <h2 class="section-heading text-uppercase">Upcoming Ales</h2> 329 <p><center><table width="80%" border="0" cellspacing="10" cellpadding="10"> 330 <tbody> 331 <tr> 332 <td> </td> 333 <td></td> 334 <td> 335 336 <div class="portfolio-item"> 337 338 339 <div class="portfolio-item"> 340 <a class="portfolio-link"> 341 <div class="portfolio-hover"> 342 <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> 343 </div> 344 <center> 345 <img class="img-fluid" src="images/Trippelpic1.jpeg" width="200" alt="..." /> 346 </center> 347 </a> 348 <div class="portfolio-caption"> 349 <div ><center><b>TRIPPLE</b></center><br><!--An interpretation of a classic style, this crisp and refreshing wheat beer has a hint of lemongrass, creating a complex flavor and florn\-citrus aroma. A light-to-medium bodied ale. it pairs well with li11ht delicate or spicy foods.--></div> 350 <div><hr> 351 <center> 352 <table border="1" style="background-color: #f2f2f2;"> 353 <tbody> 354 <tr> 355 <td rowspan="3" valign="middle" ></td> 356 <td width="140"><p><strong>TRIPPLE<br> 357 </strong></p> 358 <p><strong>Alcohol by Vol: <span class="spec">9.15% </span></strong>ABV</p></td> 359 <td> </td> 360 </tr> 361 <tr> 362 <td height="30"><strong>31 </strong>IBU</td> 363 <td> </td> 364 </tr> 365 <tr> 366 <td colspan="2"><strong>4.85</strong> <span class="spec">SRM</span></td> 367 </tr> 368 </tbody> 369 </table> 370 </center> 371 </div> 372 </div> 373 </div> 374 375 376 </div> 377 378 379 </td> 380 <td> </td> 381 <td> </td> 382 <td> 383 384 <div class="portfolio-item"> 385 386 387 <div class="portfolio-item"> 388 <a class="portfolio-link"> 389 <div class="portfolio-hover"> 390 <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> 391 </div> 392 <center> 393 <img class="img-fluid" src="images/QuadPic1.jpeg" width="200" alt="..." /> 394 </center> 395 </a> 396 <div class="portfolio-caption"> 397 <div ><center><b>QUAD</b></center><br><!--An interpretation of a classic style, this crisp and refreshing wheat beer has a hint of lemongrass, creating a complex flavor and florn\-citrus aroma. A light-to-medium bodied ale. it pairs well with li11ht delicate or spicy foods.--></div> 398 <div><hr> 399 <center> 400 <table border="1" style="background-color: #f2f2f2;"> 401 <tbody> 402 <tr> 403 <td rowspan="3" valign="middle" ></td> 404 <td width="140"><p><strong>QUAD 405 </strong></p> 406 <p><strong>Alcohol by Vol: <span class="spec">10% </span></strong>ABV</p></td> 407 <td> </td> 408 </tr> 409 <tr> 410 <td height="30"><strong>26 </strong>IBU</td> 411 <td> </td> 412 </tr> 413 <tr> 414 <td colspan="2"><strong>31</strong> <span class="spec">SRM</span></td> 415 </tr> 416 </tbody> 417 </table> 418 </center> 419 </div> 420 </div> 421 </div> 422 423 424 </div> 425 426 427 428 429 </td> 430 </tr> 431 </tbody> 432</table></center> 433</p> 434 <!--<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>--> 435 <center><a href="[email protected]">[email protected]</a></center> 436 </section> 437 <!-- Footer--> 438 <footer class="footer py-4"> 439 <div class="container"> 440 <div class="row align-items-center"> 441 442 <div class="col-lg-4 text-lg-start">
442Copyright © Your Website 2026 - [email protected]</div> 443 <div class="col-lg-4 my-3 my-lg-0"> 444 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Twitter"><i class="fab fa-twitter"></i></a> 445 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a> 446 <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 447 </div> 448 <div class="col-lg-4 text-lg-end"> 449 <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a> 450 <a class="link-dark text-decoration-none" href="#!">Terms of Use</a> 451 </div> 452 </div> 453 </div> 454 </footer> 455 <!-- Portfolio Modals--> 456 <!-- Portfolio item 1 modal popup--> 457 <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> 458 <div class="modal-dialog"> 459 <div class="modal-content"> 460 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 461 <div class="container"> 462 <div class="row justify-content-center"> 463 <div class="col-lg-8"> 464 <div class="modal-body"> 465 <!-- Project details--> 466 <h2 class="text-uppercase">Project Name</h2> 467 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 468 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/1.jpg" alt="..." /> 469 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 470 <ul class="list-inline"> 471 <li> 472 <strong>Client:</strong> 473 Threads 474 </li> 475 <li> 476 <strong>Category:</strong> 477 Illustration 478 </li> 479 </ul> 480 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 481 <i class="fas fa-xmark me-1"></i> 482 Close Project 483 </button> 484 </div> 485 </div> 486 </div> 487 </div> 488 </div> 489 </div> 490 </div> 491 <!-- Portfolio item 2 modal popup--> 492 <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true"> 493 <div class="modal-dialog"> 494 <div class="modal-content"> 495 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 496 <div class="container"> 497 <div class="row justify-content-center"> 498 <div class="col-lg-8"> 499 <div class="modal-body"> 500 <!-- Project details--> 501 <h2 class="text-uppercase">Project Name</h2> 502 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 503 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/2.jpg" alt="..." /> 504 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 505 <ul class="list-inline"> 506 <li> 507 <strong>Client:</strong> 508 Explore 509 </li> 510 <li> 511 <strong>Category:</strong> 512 Graphic Design 513 </li> 514 </ul> 515 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 516 <i class="fas fa-xmark me-1"></i> 517 Close Project 518 </button> 519 </div> 520 </div> 521 </div> 522 </div> 523 </div> 524 </div> 525 </div> 526 <!-- Portfolio item 3 modal popup--> 527 <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true"> 528 <div class="modal-dialog"> 529 <div class="modal-content"> 530 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 531 <div class="container"> 532 <div class="row justify-content-center"> 533 <div class="col-lg-8"> 534 <div class="modal-body"> 535 <!-- Project details--> 536 <h2 class="text-uppercase">Project Name</h2> 537 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 538 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/3.jpg" alt="..." /> 539 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 540 <ul class="list-inline"> 541 <li> 542 <strong>Client:</strong> 543 Finish 544 </li> 545 <li> 546 <strong>Category:</strong> 547 Identity 548 </li> 549 </ul> 550 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 551 <i class="fas fa-xmark me-1"></i> 552 Close Project 553 </button> 554 </div> 555 </div> 556 </div> 557 </div> 558 </div> 559 </div> 560 </div> 561 <!-- Portfolio item 4 modal popup--> 562 <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true"> 563 <div class="modal-dialog"> 564 <div class="modal-content"> 565 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 566 <div class="container"> 567 <div class="row justify-content-center"> 568 <div class="col-lg-8"> 569 <div class="modal-body"> 570 <!-- Project details--> 571 <h2 class="text-uppercase">Project Name</h2> 572 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 573 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/4.jpg" alt="..." /> 574 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 575 <ul class="list-inline"> 576 <li> 577 <strong>Client:</strong> 578 Lines 579 </li> 580 <li> 581 <strong>Category:</strong> 582 Branding 583 </li> 584 </ul> 585 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 586 <i class="fas fa-xmark me-1"></i> 587 Close Project 588 </button> 589 </div> 590 </div> 591 </div> 592 </div> 593 </div> 594 </div> 595 </div> 596 <!-- Portfolio item 5 modal popup--> 597 <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true"> 598 <div class="modal-dialog"> 599 <div class="modal-content"> 600 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 601 <div class="container"> 602 <div class="row justify-content-center"> 603 <div class="col-lg-8"> 604 <div class="modal-body"> 605 <!-- Project details--> 606 <h2 class="text-uppercase">Project Name</h2> 607 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 608 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/5.jpg" alt="..." /> 609 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 610 <ul class="list-inline"> 611 <li> 612 <strong>Client:</strong> 613 Southwest 614 </li> 615 <li> 616 <strong>Category:</strong> 617 Website Design 618 </li> 619 </ul> 620 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 621 <i class="fas fa-xmark me-1"></i> 622 Close Project 623 </button> 624 </div> 625 </div> 626 </div> 627 </div> 628 </div> 629 </div> 630 </div> 631 <!-- Portfolio item 6 modal popup--> 632 <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true"> 633 <div class="modal-dialog"> 634 <div class="modal-content"> 635 <div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div> 636 <div class="container"> 637 <div class="row justify-content-center"> 638 <div class="col-lg-8"> 639 <div class="modal-body"> 640 <!-- Project details--> 641 <h2 class="text-uppercase">Project Name</h2> 642 <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> 643 <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/6.jpg" alt="..." /> 644 <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> 645 <ul class="list-inline"> 646 <li> 647 <strong>Client:</strong> 648 Window 649 </li> 650 <li> 651 <strong>Category:</strong> 652 Photography 653 </li> 654 </ul> 655 <button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button"> 656 <i class="fas fa-xmark me-1"></i> 657 Close Project 658 </button> 659 </div> 660 </div> 661 </div> 662 </div> 663 </div> 664 </div> 665 </div> 666 <!-- Bootstrap core JS--> 667
667<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
667 668 <!-- Core theme JS--> 669
669<script src="js/scripts.js"></script>
669 670 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 671 <!-- * * SB Forms JS * *--> 672 <!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *--> 673 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *--> 674
674<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
674 675 </body> 676</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.