<!DOCTYPE html>
<html lang="en">
  <%- include('./partials/head') %>
<body>
  <%- include('./partials/navbar1') %>

  <div class="jumbotron jumbotron-fluid" style="margin-top: 100px; background-color: rgb(255, 255, 255);" >
    <div class="container">
     
    </div>
  </div>
  <h2 style="text-align: center; color:rgb(0, 0, 0); font-weight: 800; text-transform: uppercase; letter-spacing: 1px;"><%= project.title %></h1>
    <br>

        <div class=" jumbotron" style="padding: 40px; background-color: rgb(255, 255, 255) ">
                <div class=" jumbotron temp" style="background-color: rgb(255, 255, 255);">
                  <div class="container-fluid">
                      
                      <h2 style="color: crimson; font-weight: 800;">I.Introduction</h2>
                      <p><%= project.introduction %></p>
                      <br>
                      <h2 style="color: crimson; font-weight: 800;" >II.Explanation</h2>
                      <p><%= project.working %></p>
                      <br>
                      <h2 style="color: crimson; font-weight: 800;" >III.Conclusion</h2>
                      <p><%= project.conclusion %></p>
                  </div>
              </div>
        </div>
    
    

       

        
  
  
  
      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
  </html>