API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 6th, 2019
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.66 KB | None | 0 0
raw download clone embed print report
  1. {% load cms_tags menu_tags sekizai_tags staticfiles%}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  
  5. <head>
  6.  
  7.   <meta charset="utf-8">
  8.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.   <meta name="description" content="">
  10.   <meta name="author" content="">
  11.  
  12.   <title>{% page_attribute 'page_title' %} - Easy-A</title>
  13.  
  14.   <!-- Font Awesome Icons -->
  15.   <link href="{% static 'vendor2/fontawesome-free/css/all.min.css' %}" rel="stylesheet" type="text/css">
  16.   <link href="{% static "css/simple-sidebar.css" %}" rel="stylesheet">
  17.  
  18.   <!-- Google Fonts -->
  19.   <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet">
  20.   <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
  21.  
  22.   <!-- Plugin css -->
  23.   <link href="{% static 'vendor2/magnific-popup/magnific-popup.css' %}" rel="stylesheet">
  24.  
  25.   <!-- Theme css - Includes Bootstrap -->
  26.   <link href="{% static 'css2/creative.min.css' %}" rel="stylesheet">
  27.   {% render_block "css" %}
  28. </head>
  29.  
  30. <body id="page-top">
  31.   {% cms_toolbar %}
  32.  
  33.   <!-- start -->
  34.  
  35.   <div class="d-flex" id="wrapper">
  36.  
  37.     <!-- Sidebar -->
  38.     <div class="bg-light border-right" id="sidebar-wrapper">
  39.       <div class="sidebar-heading">Easy-A </div>
  40.       <div class="list-group list-group-flush">
  41.         <a href="notes-tom/" class="list-group-item list-group-item-action bg-light">Notes</a>
  42.         <a href="#" class="list-group-item list-group-item-action bg-light">Calendar</a>
  43.         <a href="#" class="list-group-item list-group-item-action bg-light">Study</a>
  44.         <a href="#" class="list-group-item list-group-item-action bg-light">Profile</a>
  45.         <a href="#" class="list-group-item list-group-item-action bg-light">About</a>
  46.         <a href="#" class="list-group-item list-group-item-action bg-light">Easy A+</a>
  47.       </div>
  48.     </div>
  49.     <!-- /#sidebar-wrapper -->
  50.  
  51.     <!-- Page Content -->
  52.     <div id="page-content-wrapper">
  53.  
  54.       <nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
  55.         <button class="btn btn-primary" id="menu-toggle">Toggle Menu</button>
  56.  
  57.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  58.           <span class="navbar-toggler-icon"></span>
  59.         </button>
  60.  
  61.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  62.           <ul class="navbar-nav ml-auto mt-2 mt-lg-0">
  63.             {% show_menu 0 100 100 100 %}
  64.             <li class="nav-item active">
  65.               <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  66.             </li>
  67.             <li class="nav-item">
  68.               <a class="nav-link" href="#">Link</a>
  69.             </li>
  70.             <li class="nav-item dropdown">
  71.               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  72.                 Dropdown
  73.               </a>
  74.               <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
  75.                 <a class="dropdown-item" href="#">Action</a>
  76.                 <a class="dropdown-item" href="#">Another action</a>
  77.                 <div class="dropdown-divider"></div>
  78.                 <a class="dropdown-item" href="#">Something else here</a>
  79.               </div>
  80.             </li>
  81.           </ul>
  82.           {% block content %}{% endblock content %}
  83.         </div>
  84.       </nav>
  85.  
  86.       <div class="container-fluid">
  87.  
  88.         <!-- Navigation -->
  89.         <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
  90.           <div class="container">
  91.             <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
  92.             <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  93.               <span class="navbar-toggler-icon"></span>
  94.             </button>
  95.             <div class="collapse navbar-collapse" id="navbarResponsive">
  96.               <ul class="navbar-nav ml-auto my-2 my-lg-0">
  97.                 {% show_menu 0 100 100 100 %}
  98.                 <li class="nav-item">
  99.                   <a class="nav-link js-scroll-trigger" href="#about">About</a>
  100.                 </li>
  101.                 <li class="nav-item">
  102.                   <a class="nav-link js-scroll-trigger" href="#services">Services</a>
  103.                 </li>
  104.                 <li class="nav-item">
  105.                   <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
  106.                 </li>
  107.                 <li class="nav-item">
  108.                   <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
  109.                 </li>
  110.               </ul>
  111.             </div>
  112.           </div>
  113.         </nav>
  114.  
  115.  
  116.  
  117.         <!-- Masthead -->
  118.         <header class="masthead">
  119.           <div class="container h-100">
  120.             <div class="row h-100 align-items-center justify-content-center text-center">
  121.               <div class="col-lg-10 align-self-end">
  122.                 <h1 class="text-uppercase text-white font-weight-bold">Your Favorite Source of Free Bootstrap Themes</h1>
  123.                 <hr class="divider my-4">
  124.               </div>
  125.               <div class="col-lg-8 align-self-baseline">
  126.                 <p class="text-white-75 font-weight-light mb-5">Start Bootstrap can help you build better websites using the Bootstrap framework! Just download a theme and start customizing, no strings attached!</p>
  127.                 <a class="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
  128.               </div>
  129.             </div>
  130.           </div>
  131.         </header>
  132.  
  133.  
  134.  
  135.         <!-- About Section -->
  136.         <section class="page-section bg-primary" id="about">
  137.           <div class="container">
  138.             <div class="row justify-content-center">
  139.               <div class="col-lg-8 text-center">
  140.                 <h2 class="text-white mt-0">We've got what you need!</h2>
  141.                 <hr class="divider light my-4">
  142.                 <p class="text-white-50 mb-4">Start Bootstrap has everything you need to get your new website up and running in no time! Choose one of our open source, free to download, and easy to use themes! No strings attached!</p>
  143.                 <a class="btn btn-light btn-xl js-scroll-trigger" href="#services">Get Started!</a>
  144.               </div>
  145.             </div>
  146.           </div>
  147.         </section>
  148.  
  149.         <!-- Services Section -->
  150.         <section class="page-section" id="services">
  151.           <div class="container">
  152.             <h2 class="text-center mt-0">At Your Service</h2>
  153.             <hr class="divider my-4">
  154.             <div class="row">
  155.               <div class="col-lg-3 col-md-6 text-center">
  156.                 <div class="mt-5">
  157.                   <i class="fas fa-4x fa-gem text-primary mb-4"></i>
  158.                   <h3 class="h4 mb-2">Sturdy Themes</h3>
  159.                   <p class="text-muted mb-0">Our themes are updated regularly to keep them bug free!</p>
  160.                 </div>
  161.               </div>
  162.               <div class="col-lg-3 col-md-6 text-center">
  163.                 <div class="mt-5">
  164.                   <i class="fas fa-4x fa-laptop-code text-primary mb-4"></i>
  165.                   <h3 class="h4 mb-2">Up to Date</h3>
  166.                   <p class="text-muted mb-0">All dependencies are kept current to keep things fresh.</p>
  167.                 </div>
  168.               </div>
  169.               <div class="col-lg-3 col-md-6 text-center">
  170.                 <div class="mt-5">
  171.                   <i class="fas fa-4x fa-globe text-primary mb-4"></i>
  172.                   <h3 class="h4 mb-2">Ready to Publish</h3>
  173.                   <p class="text-muted mb-0">You can use this design as is, or you can make changes!</p>
  174.                 </div>
  175.               </div>
  176.               <div class="col-lg-3 col-md-6 text-center">
  177.                 <div class="mt-5">
  178.                   <i class="fas fa-4x fa-heart text-primary mb-4"></i>
  179.                   <h3 class="h4 mb-2">Made with Love</h3>
  180.                   <p class="text-muted mb-0">Is it really open source if it's not made with love?</p>
  181.                 </div>
  182.               </div>
  183.             </div>
  184.           </div>
  185.         </section>
  186.  
  187.         <!-- Portfolio Section -->
  188.         <section id="portfolio">
  189.           <div class="container-fluid p-0">
  190.             <div class="row no-gutters">
  191.               <div class="col-lg-4 col-sm-6">
  192.                 <a class="portfolio-box" href="img/portfolio/fullsize/1.jpg">
  193.                   <img class="img-fluid" src="img/portfolio/thumbnails/1.jpg" alt="">
  194.                   <div class="portfolio-box-caption">
  195.                     <div class="project-category text-white-50">
  196.                       Category
  197.                     </div>
  198.                     <div class="project-name">
  199.                       Project Name
  200.                     </div>
  201.                   </div>
  202.                 </a>
  203.               </div>
  204.               <div class="col-lg-4 col-sm-6">
  205.                 <a class="portfolio-box" href="img/portfolio/fullsize/2.jpg">
  206.                   <img class="img-fluid" src="img/portfolio/thumbnails/2.jpg" alt="">
  207.                   <div class="portfolio-box-caption">
  208.                     <div class="project-category text-white-50">
  209.                       Category
  210.                     </div>
  211.                     <div class="project-name">
  212.                       Project Name
  213.                     </div>
  214.                   </div>
  215.                 </a>
  216.               </div>
  217.               <div class="col-lg-4 col-sm-6">
  218.                 <a class="portfolio-box" href="img/portfolio/fullsize/3.jpg">
  219.                   <img class="img-fluid" src="img/portfolio/thumbnails/3.jpg" alt="">
  220.                   <div class="portfolio-box-caption">
  221.                     <div class="project-category text-white-50">
  222.                       Category
  223.                     </div>
  224.                     <div class="project-name">
  225.                       Project Name
  226.                     </div>
  227.                   </div>
  228.                 </a>
  229.               </div>
  230.               <div class="col-lg-4 col-sm-6">
  231.                 <a class="portfolio-box" href="img/portfolio/fullsize/4.jpg">
  232.                   <img class="img-fluid" src="img/portfolio/thumbnails/4.jpg" alt="">
  233.                   <div class="portfolio-box-caption">
  234.                     <div class="project-category text-white-50">
  235.                       Category
  236.                     </div>
  237.                     <div class="project-name">
  238.                       Project Name
  239.                     </div>
  240.                   </div>
  241.                 </a>
  242.               </div>
  243.               <div class="col-lg-4 col-sm-6">
  244.                 <a class="portfolio-box" href="img/portfolio/fullsize/5.jpg">
  245.                   <img class="img-fluid" src="img/portfolio/thumbnails/5.jpg" alt="">
  246.                   <div class="portfolio-box-caption">
  247.                     <div class="project-category text-white-50">
  248.                       Category
  249.                     </div>
  250.                     <div class="project-name">
  251.                       Project Name
  252.                     </div>
  253.                   </div>
  254.                 </a>
  255.               </div>
  256.               <div class="col-lg-4 col-sm-6">
  257.                 <a class="portfolio-box" href="img/portfolio/fullsize/6.jpg">
  258.                   <img class="img-fluid" src="img/portfolio/thumbnails/6.jpg" alt="">
  259.                   <div class="portfolio-box-caption p-3">
  260.                     <div class="project-category text-white-50">
  261.                       Category
  262.                     </div>
  263.                     <div class="project-name">
  264.                       Project Name
  265.                     </div>
  266.                   </div>
  267.                 </a>
  268.               </div>
  269.             </div>
  270.           </div>
  271.         </section>
  272.  
  273.         <!-- Call to Action Section -->
  274.         <section class="page-section bg-dark text-white">
  275.           <div class="container text-center">
  276.             <h2 class="mb-4">Free Download at Start Bootstrap!</h2>
  277.             <a class="btn btn-light btn-xl" href="https://startbootstrap.com/themes/creative/">Download Now!</a>
  278.           </div>
  279.         </section>
  280.  
  281.         <!-- Contact Section -->
  282.         <section class="page-section" id="contact">
  283.           <div class="container">
  284.             <div class="row justify-content-center">
  285.               <div class="col-lg-8 text-center">
  286.                 <h2 class="mt-0">Let's Get In Touch!</h2>
  287.                 <hr class="divider my-4">
  288.                 <p class="text-muted mb-5">Ready to start your next project with us? Give us a call or send us an email and we will get back to you as soon as possible!</p>
  289.               </div>
  290.             </div>
  291.             <div class="row">
  292.               <div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
  293.                 <i class="fas fa-phone fa-3x mb-3 text-muted"></i>
  294.                 <div>+1 (202) 555-0149</div>
  295.               </div>
  296.               <div class="col-lg-4 mr-auto text-center">
  297.                 <i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
  298.                 <!-- Make sure to change the email address in anchor text AND the link below! -->
  299.                 <a class="d-block" href="mailto:contact@yourwebsite.com">contact@yourwebsite.com</a>
  300.               </div>
  301.             </div>
  302.           </div>
  303.         </section>
  304.  
  305.         <!-- Footer -->
  306.         <footer class="bg-light py-5">
  307.           <div class="container">
  308.             <div class="small text-center text-muted">Copyright &copy; 2019 - Start Bootstrap</div>
  309.           </div>
  310.         </footer>
  311.       </div>
  312.     </div>
  313.     <!-- /#page-content-wrapper -->
  314.  
  315.   </div>
  316.  
  317.  
  318.  
  319.     <!-- end -->
  320.  
  321.  
  322.  
  323.  
  324.  
  325.   <!-- Bootstrap core JavaScript -->
  326.   <script src="vendor2/jquery/jquery.min.js"></script>
  327.   <script src="vendor2/bootstrap/js/bootstrap.bundle.min.js"></script>
  328.  
  329.   <!-- Plugin JavaScript -->
  330.   <script src="vendor2/jquery-easing/jquery.easing.min.js"></script>
  331.   <script src="vendor2/magnific-popup/jquery.magnific-popup.min.js"></script>
  332.  
  333.   <!-- Custom scripts for this template -->
  334.   <script src="js/creative.min.js"></script>
  335.  
  336.  
  337.   <script src="{% static "vendor/jquery/jquery.min.js" %}"></script>
  338.   <script src="{% static "vendor/bootstrap/js/bootstrap.bundle.min.js" %}"></script>
  339.   <script>
  340.     $("#menu-toggle").click(function(e) {
  341.       e.preventDefault();
  342.       $("#wrapper").toggleClass("toggled");
  343.     });
  344.   </script>
  345.  
  346.   {% render_block "js" %}
  347. </body>
  348.  
  349. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!