post.html

    <link href="{{ url_for('static', filename='vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='vendor/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet"
        type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet'
        type='text/css'>
    <link
        href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
        rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    <link href="{{ url_for('static', filename='css/clean-blog.min.css') }}" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" />
    <link href="https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css" rel="stylesheet" />
    <link rel="stylesheet" href="style.css" />
   
   
   <!-- Navbar -->
     <nav class="navbar navbar-expand-lg bg-dark navbar-dark py-10 fixed-top">
      <div class="container">
          <a href="/" class="navbar-brand">Machine learning Bootcamp</a>

          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
              <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse" id="navmenu">
              <ul class="navbar-nav ms-auto">
                  <li class="nav-item">
                      <a href="/ml" class="nav-link">Machine Learning</a>
                  </li>
                  <li class="nav-item">
                      <a href="/contact" class="nav-link">Contact Us</a>
                  </li>
              </ul>
          </div>
      </div>
  </nav>
    
    
    <!-- Learn Sections -->
    <section id="learn" class="p-5">
      <div class="container">
        <div class="row align-items-center justify-content-between">
          <div class="col-md">
            <img src="static/img/1.jpg" class="img-fluid" alt="" />
          </div>
          <div class="col-md p-5">
            <h2>Learn The Fundamentals</h2>
            <p class="lead">
              Learn the ml fundamentals with theory and parctical
              approach. this series starts from beginner to 
              advanced level so You are ready...
            </p>
            <p>
              Easiest approach to learn machine learning 
              we provide source code and make some 
              interesting ml models with us 
            </p>
            <a href="#" class="btn btn-light mt-3">
              <i class="bi bi-chevron-right"></i> Read More
            </a>
          </div>
        </div>
      </div>
    </section>


    <section id="learn" class="p-5 bg-dark text-light">
      <div class="container">
        <div class="row align-items-center justify-content-between">
          <div class="col-md p-5">
            <h2>Some famous Supervised Algorithims </h2>
            <p class="lead">
              <ul>
                  <li>Linear Regression</li>
                  <li>Logistic regression</li>
                  <li>Decision Tree</li>
                  <li>Random Forest</li>
                  <li>Naive Bayes classifier</li>
                  <li>K nearest neighbour</li>
                  <li>Support Vector Machine</li>
              </ul>
            </p>
          </div>
          <div class="col-md">
            <img src="static/img/2.jpg" class="img-fluid" alt="" />
          </div>
        </div>
      </div>
    </section>


<!-- pagination -->
    <nav aria-label="Page navigation example" my=100>
      <ul class="pagination justify-content-center" center ="right">
        
        <li class="page-item"><a class="page-link bg-dark text-light" href="/linear">Next</a></li>
      </ul>
    </nav>

       <!-- Footer -->
       <footer class="p-5 bg-dark text-white text-center position-relative">
        <div class="container">
          <p class="lead">Copyright &copy; 2021 Machine learning Bootcamp</p>
  
          <a href="#" class="position-absolute bottom-0 end-0 p-5">
            <i class="bi bi-arrow-up-circle h1"></i>
          </a>
        </div>
      </footer>
  
      <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
      crossorigin="anonymous"
    ></script>

    <div style="text-align:center;" class="login">
      <h1 class="header centre"> Insurance Predictor </h1>
  </div>