{"content": "\n
index.html
<!DOCTYPE html>\n<html lang="en">\n\n<head>\n {{bodyHead.value|safe}}\n\n {{bodyStyle.value|safe}}\n\n {{ani.css|safe}}\n</head>\n\n<body id="page-top">\n <!-- Navigation -->\n {{ani.value|safe}}\n\n <!-- Navigation -->\n {{navigation.value|safe}}\n \n <!-- Header -->\n {{header.value|safe}}\n\n <!-- Services -->\n {{section1.value|safe}}\n\n <!-- Dashboard -->\n {{dashboard.value|safe}}\n \n <!-- Portfolio Grid -->\n {{section2.value|safe}}\n \n <!-- About -->\n {{section3.value|safe}}\n \n <!-- Team -->\n {{section4.value|safe}}\n\n <!-- Clients -->\n {{section5.value|safe}}\n\n <!-- Contact -->\n {{section6.value|safe}}\n \n <!-- Footer -->\n {{footer.value|safe}}\n \n <!-- Portfolio Modals -->\n\n <!-- Modal 1 -->\n <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/01-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Threads</li>\n <li>Category: Illustration</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Modal 2 -->\n <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/02-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Explore</li>\n <li>Category: Graphic Design</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Modal 3 -->\n <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/03-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Finish</li>\n <li>Category: Identity</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Modal 4 -->\n <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/04-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Lines</li>\n <li>Category: Branding</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Modal 5 -->\n <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/05-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Southwest</li>\n <li>Category: Website Design</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Modal 6 -->\n <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">\n <div class="modal-dialog">\n <div class="modal-content">\n <div class="close-modal" data-dismiss="modal">\n <div class="lr">\n <div class="rl"></div>\n </div>\n </div>\n <div class="container">\n <div class="row">\n <div class="col-lg-8 mx-auto">\n <div class="modal-body">\n <!-- Project Details Go Here -->\n <h2 class="text-uppercase">Project Name</h2>\n <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>\n <img class="img-fluid d-block mx-auto" src="/static/bootstrap-agency/img/portfolio/06-full.jpg" alt="">\n <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>\n <ul class="list-inline">\n <li>Date: January 2017</li>\n <li>Client: Window</li>\n <li>Category: Photography</li>\n </ul>\n <button class="btn btn-primary" data-dismiss="modal" type="button">\n <i class="fas fa-times"></i>\n Close Project</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- Bootstrap core JavaScript -->\n <script src="/static/bootstrap-agency/vendor/jquery/jquery.min.js"></script>\n <script src="/static/bootstrap-agency/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n\n <!-- Plugin JavaScript -->\n <script src="/static/bootstrap-agency/vendor/jquery-easing/jquery.easing.min.js"></script>\n\n <!-- Contact form JavaScript -->\n <script src="/static/bootstrap-agency/js/jqBootstrapValidation.js"></script>\n <script src="/static/bootstrap-agency/js/contact_me.js"></script>\n\n <!-- Custom scripts for this template -->\n <!-- <script src="/static/bootstrap-agency/js/agency.min.js"></script> -->\n\n \n {{bodyFoot.value|safe}}\n {{ani.javascript|safe}}\n</body>\n\n</html>\n
\n \n