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

  <div class="jumbotron jumbotron-fluid" style="background-image: url(background2.svg); background-repeat: no-repeat; background-position: center;" >
    <div class="container">
      <div class="row" style="margin-top: 90px; margin-bottom: 200px;">
        <div class="col-lg-12">
          <h1 class="zoom2" style="text-align: center; margin-top: 0px;  justify-content: center; font-weight: 800;">Welcome back <%=user.name%> !!</h1>
        </div> 
      </div>
    </div>
  </div>


    <div class="jumbotron jumbotron-fluid" style="background-color: white;">
        <div class="container">
            <div class="row">




              <div class="col-lg-4 col-md-6 col-sm-12" style="margin-bottom: 100px;">
                <div class="card" style="width: 18rem;">
                  <img class="card-img-top" src="https://images.unsplash.com/photo-1572177812156-58036aae439c?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MXx8cHJvamVjdHN8ZW58MHx8MHw%3D&ixlib=rb-1.2.1&w=1000&q=80" alt="Card image cap">
                    <div class="card-body" style="background-color: rgba(247, 189, 0, 0.671);">
                      <h5 class="card-title">Add New Project</h5>
                      <a href="/membersaddproject" class="btn btn-outline-dark">Add Project</a>
                    </div>
                </div>
            </div>   

            <div class="col-lg-4 col-md-6 col-sm-12" style="margin-bottom: 100px;">
              <div class="card" style="width: 18rem;">
                <img class="card-img-top" src="https://images.unsplash.com/photo-1432821596592-e2c18b78144f?ixid=MXwxMjA3fDB8MHxzZWFyY2h8OXx8YmxvZ3xlbnwwfHwwfA%3D%3D&ixlib=rb-1.2.1&w=1000&q=80" alt="Card image cap">
                  <div class="card-body" style="background-color: rgba(247, 189, 0, 0.671);" >
                    <h5 class="card-title">Add New Blog</h5>
                    <a href="/membersaddblog" class="btn btn-outline-dark">Add Blog</a>
                  </div>
              </div>
          </div>

        <div class="col-lg-4 col-md-6 col-sm-12" style="margin-bottom: 100px;">
          <div class="card" style="width: 18rem;">
            <img class="card-img-top" src="https://cdn.wallpapersafari.com/22/13/t4Wuob.jpg" alt="Card image cap">
              <div class="card-body" style="background-color: rgba(247, 189, 0, 0.671);">
                <h5 class="card-title">Update Details</h5>
                <a href="/membersupdate" class="btn btn-outline-dark">Update Details</a>
              </div>
          </div>
      </div> 
            </div> 
        </div>
      </div>
    



      <%- include('./partials/footer') %>


 
  
 
  </script>
    <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>