98 строки
2.4 KiB
Plaintext
98 строки
2.4 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
|
pageEncoding="ISO-8859-1"%>
|
|
<%@ taglib prefix="ej" uri="/WEB-INF/EJ.tld"%>
|
|
<%@ page import="com.syncfusion.*"%>
|
|
|
|
<div class="cols-sample-area">
|
|
<ej:tab id="defaultTab">
|
|
<ej:tab-contentTemplate>
|
|
<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">
|
|
<table>
|
|
<tr>
|
|
<td class="movies-img" valign="top">
|
|
<img src="Content/images/rating/mos.png" alt="mos" />
|
|
</td>
|
|
<td valign="top">
|
|
<div>
|
|
<span class="movie-header">Man of Steel</span><br />
|
|
<span>Rating :</span><br />
|
|
<ej:rating id="mosRating" value="3"></ej:rating><br />
|
|
<span>Movie Info:</span>
|
|
<p>
|
|
A young boy learns that he has extraordinary powers and is not of this Earth.
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="woldwar">
|
|
<table>
|
|
<tr>
|
|
<td class="movies-img" valign="top">
|
|
<img src="Content/images/rating/wwz.png" alt="mos" />
|
|
</td>
|
|
<td valign="top">
|
|
<div>
|
|
<span class="movie-header">World War Z</span><br />
|
|
<span>Rating :</span><br />
|
|
<ej:rating id="wwzRating" value="4"></ej:rating><br />
|
|
<span>Movie Info:</span>
|
|
<p>
|
|
The story revolves around United Nations employee Gerry Lane (Pitt).
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="unive">
|
|
<table>
|
|
<tr>
|
|
<td class="movies-img" valign="top">
|
|
<img src="Content/images/rating/mu.png" alt="mos" />
|
|
</td>
|
|
<td valign="top">
|
|
<div>
|
|
<span class="movie-header">Monsters University</span><br />
|
|
<span>Rating :</span><br />
|
|
<ej:rating id="univRating" value="4"></ej:rating><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>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</ej:tab-contentTemplate>
|
|
</ej:tab>
|
|
</div>
|
|
|
|
|
|
<style>
|
|
.cols-sample-area
|
|
{
|
|
width: 500px;
|
|
margin: 0 auto;
|
|
float: none;
|
|
}
|
|
.movies-img {
|
|
width: 125px;
|
|
}
|
|
|
|
.movie-header {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
}
|
|
div.e-rating.e-widget{
|
|
padding-top: 10px;
|
|
}
|
|
</style>
|
|
|