78 строки
2.6 KiB
HTML
78 строки
2.6 KiB
HTML
|
|
<div class="cols-sample-area">
|
|
<div id="defaultTab" style="width: 500px">
|
|
<ul>
|
|
<li><a href="#steelman">Man of Steel</a></li>
|
|
<li><a href="#woldwar">World War Z</a></li>
|
|
<li><a href="#unive">Monsters University</a></li>
|
|
</ul>
|
|
<div id="steelman">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="movies-img">
|
|
<img src="content/images/rating/mos.png" alt="mos" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div>
|
|
<span class="movie-header">Man of Steel</span><br />
|
|
<span>Movie Info:</span>
|
|
<p>
|
|
A young boy learns that he has powers and is not of this Earth.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="woldwar">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="movies-img">
|
|
<img src="content/images/rating/wwz.png" alt="mos" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div>
|
|
<span class="movie-header">World War Z</span><br />
|
|
<span>Movie Info:</span>
|
|
<p>
|
|
The story revolves around United Nations employee Gerry Lane (Pitt).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="unive">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="movies-img">
|
|
<img src="content/images/rating/mu.png" alt="mos" />
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div>
|
|
<span class="movie-header">Monsters University</span><br />
|
|
<span>Movie Info:</span>
|
|
<p>
|
|
Mike Wazowski and James P. Sullivan are an inseparable pair, but that wasn't always the case.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="tab/default.js"> </script>
|
|
<style type="text/css" class="cssStyles">
|
|
.movies-img {
|
|
width: 125px;
|
|
}
|
|
|
|
.movie-header {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
</style>
|
|
|