Visit Page

Adjusting Styles to convert to B4

by Nate Armstrong

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="row m-0">
  <div class="col-xs-12 p-0">
    <h2>We are located in the perfect spot.</h2>

    <p>Ohio Christian University is located in one of America’s Best Communities: Circleville, Ohio. Only a 30-minute drive from Columbus, Ohio, living on campus offers the best of a small town and all the conveniences of the city.</p>

    <p>&nbsp;</p>
  </div>

  <div class="col-xs-7 col-md-8 p-0">
    <style type="text/css">
      iframe.embed-responsive-item {
        height: 450px !important;
      }

    </style>
    <iframe allowfullscreen="" class="embed-responsive-item" frameborder="0" height="450" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJq_3q6oN3R4gRt4ldFOwQbbw&amp;zoom=9&amp;center=39.785896,-82.925424&amp;key=AIzaSyAZmITJ-8KLoPUIt3VYk0TyOWjF9IEaSbM" width="600"></iframe>
  </div>

  <div class="col-xs-5 col-md-4 extmap p-0">
    <ul>
      <li><a class="btn btn-default" href="https://www.google.com/search?q=Parks+near+circleville+ohio&amp;npsic=0&amp;rflfq=1&amp;rlha=0&amp;rllag=39593421,-82939476,1276&amp;tbm=lcl">Parks</a></li>
      <li><a class="btn btn-default" href="https://www.google.com/search?q=hotels+near+circleville+ohio&amp;npsic=0&amp;rflfq=1&amp;rlha=0&amp;rllag=39593421,-82939476,1276&amp;tbm=lcl">Hotels</a></li>
      <li><a class="btn btn-default" href="https://www.google.com/search?q=restaurants+near+circleville+ohio&amp;npsic=0&amp;rflfq=1&amp;rlha=0&amp;rllag=39593421,-82939476,1276&amp;tbm=lcl">Restaurants</a></li>
      <li><a class="btn btn-default"...

CSS

article.node.node-page.campus-visit.clearfix {
  max-width: 1000px;
}

img {
  width: 100%;
  height: auto;
}