Skip to content
Snippets Groups Projects
index4.html 5.41 KiB
Newer Older
Da-Hye Ko's avatar
Da-Hye Ko committed
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="image/favicon.ico" type="image/x-icon">
    <link rel="icon" href="image/favicon.ico" type="image/x-icon">
Da-Hye Ko's avatar
Da-Hye Ko committed

Da-Hye Ko's avatar
Da-Hye Ko committed
    <title>My Flying Funeral</title>
Da-Hye Ko's avatar
Da-Hye Ko committed

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/1-col-portfolio.css" rel="stylesheet">

Da-Hye Ko's avatar
Da-Hye Ko committed

Da-Hye Ko's avatar
Da-Hye Ko committed
  </head>

  <body>

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
      <div class="container">
Da-Hye Ko's avatar
Da-Hye Ko committed
        <a class="navbar-brand" href="#">My Flying Funeral</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
              <a class="nav-link" href="home.html"> Home
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item active">
Da-Hye Ko's avatar
Da-Hye Ko committed
              <a class="nav-link" href="index.html">Assignment
Da-Hye Ko's avatar
Da-Hye Ko committed
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
              <a class="nav-link" href="finalproject.html">Final Project</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
            </li>
Da-Hye Ko's avatar
Da-Hye Ko committed
            <li class="nav-item">
              <a class="nav-link" href="aboutme.html">About Me</a>
            </li>
Da-Hye Ko's avatar
Da-Hye Ko committed
          </ul>
        </div>
      </div>
    </nav>

    <!-- Page Content -->
    <div class="container">

      <!-- Page Heading -->
      <h1 class="my-4">Weekly Progress
        <small>Fab Academy 2019</small>
      </h1>

Da-Hye Ko's avatar
Da-Hye Ko committed
      <!-- trial and error Four -->
Da-Hye Ko's avatar
Da-Hye Ko committed
      <div class="row">
Da-Hye Ko's avatar
Da-Hye Ko committed

Da-Hye Ko's avatar
Da-Hye Ko committed
        <div class="col-md-7">
          <a href="#">
            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
          </a>
        </div>
        <div class="col-md-5">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <h3>Applications and Implications</h3>
Da-Hye Ko's avatar
Da-Hye Ko committed
          <p>Contents will be updated.</p>
          <a class="btn btn-primary" href="#">View Project</a>
        </div>
      </div>
      <!-- /.row -->

      <hr>

Da-Hye Ko's avatar
Da-Hye Ko committed

      <!-- trial and error One -->
Da-Hye Ko's avatar
Da-Hye Ko committed
      <div class="row">
        <div class="col-md-7">
          <a href="#">
            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
          </a>
        </div>
        <div class="col-md-5">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <h3>Networking and Communications</h3>
Da-Hye Ko's avatar
Da-Hye Ko committed
          <p>Contents will be updated.</p>
          <a class="btn btn-primary" href="#">View Project</a>
        </div>
      </div>
      <!-- /.row -->

      <hr>

Da-Hye Ko's avatar
Da-Hye Ko committed
      <!-- trial and error Two -->
Da-Hye Ko's avatar
Da-Hye Ko committed
      <div class="row">
        <div class="col-md-7">
          <a href="#">
            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
          </a>
        </div>
        <div class="col-md-5">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <h3>Mechanical Design</h3>
Da-Hye Ko's avatar
Da-Hye Ko committed
          <p>Contents will be updated.</p>
          <a class="btn btn-primary" href="#">View Project</a>
        </div>
      </div>
      <!-- /.row -->

      <hr>

Da-Hye Ko's avatar
Da-Hye Ko committed
      <!-- trial and error Three -->
Da-Hye Ko's avatar
Da-Hye Ko committed
      <div class="row">
        <div class="col-md-7">
          <a href="#">
            <img class="img-fluid rounded mb-3 mb-md-0" src="http://placehold.it/700x300" alt="">
          </a>
        </div>
        <div class="col-md-5">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <h3>Interface and Application Programming</h3>
Da-Hye Ko's avatar
Da-Hye Ko committed
          <p>Contents will be updated.</p>
          <a class="btn btn-primary" href="#">View Project</a>
        </div>
      </div>
      <!-- /.row -->

      <hr>

Da-Hye Ko's avatar
Da-Hye Ko committed

Da-Hye Ko's avatar
Da-Hye Ko committed
      <!-- Pagination -->
      <ul class="pagination justify-content-center">
        <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <a class="page-link" href="index3.html" aria-label="Previous">
Da-Hye Ko's avatar
Da-Hye Ko committed
            <span aria-hidden="true">&laquo;</span>
            <span class="sr-only">Previous</span>
          </a>
        </li>
        <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <a class="page-link" href="index.html">1</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
        </li>
        <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <a class="page-link" href="index2.html">2</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
        </li>
        <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <a class="page-link" href="index3.html">3</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
        </li>
Da-Hye Ko's avatar
Da-Hye Ko committed
      </li>
      <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
        <a class="page-link" href="index4.html">4</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
      </li>
      <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
        <a class="page-link" href="index5.html">5</a>
Da-Hye Ko's avatar
Da-Hye Ko committed
      </li>
Da-Hye Ko's avatar
Da-Hye Ko committed
        <li class="page-item">
Da-Hye Ko's avatar
Da-Hye Ko committed
          <a class="page-link" href="index5.html" aria-label="Next">
Da-Hye Ko's avatar
Da-Hye Ko committed
            <span aria-hidden="true">&raquo;</span>
            <span class="sr-only">Next</span>
          </a>
        </li>
      </ul>

    </div>
    <!-- /.container -->

    <!-- Footer -->
    <footer class="py-5 bg-dark">
      <div class="container">
        <p class="m-0 text-center text-white">Copyright &copy; dakotacheez 2019</p>
      </div>
      <!-- /.container -->
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  </body>

</html>