COPE.html

---
layout: nproj
---
   
<div class = "row" data-equalizer id = "row1">

  <div class = "large-8 large-push-4 medium-8 medium-push-4 small-12 columns" data-equalizer-watch>
    <h2 class = "text-center"> The Cope Evans Project </h2>
    <p>Back-end: Django <br>
    Front-end: Bootstrap<br>
    Database: SQLite</p>
    <p> I made extensive edits to this website's homepage. I also did some maintenance to this website on images that were not responsive, buttons that were not centered, and sticky nav-bars that were not working. Lastly, I created a new grid class (xxs) because the default Bootstrap grid sizing was not accomodating what I wanted to do with the feature images on the home page. Please see the video I made below to view the changes I made to the <a href = "http://cope.haverford.edu/"> Cope Evans Site</a>.  In the video, the website on the left is the one with my changes, and the one of the right is the original.  </p>
    
  </div>
  <div class = "large-4 large-pull-8 medium-4 medium-pull-8 small-12 columns text-center" data-equalizer-watch >
    <div class = "show-for-medium-up">
    <br> </br>
    
  </div>
    <a class = "th" href= "http://cope.haverford.edu/"><img src = "{{ site.url }}/img/cope.png"></a>
    
  </div>
</div>


<div class = "row text-center" style = "border-top: solid 15px #0A47C3;">
<br>
<br>
<iframe src="https://player.vimeo.com/video/139663672" width="500" height="300" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="https://vimeo.com/139663672">CopeEvans Changes</a> from <a href="https://vimeo.com/user43706391">Lindsay Silver</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>

<br>

   <div class = "row">
          <img src = "{{ site.url }}/img/littlesquiggle.png">
  </div>  

<div class = "row" id = "row2">
  <h6><a href = "{{ site.url }}/PROJ"> Back to Projects</a> </h6>
 
</div>