Prvi zadatak, dodan sadrzaj na ostale stranice
parent
75976604f9
commit
0e39355099
20
contact.html
20
contact.html
|
@ -51,7 +51,25 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
<div class="contactForm">
|
||||
<label >
|
||||
First name:
|
||||
</label><br />
|
||||
<input type="text" name="firstName" /> <br />
|
||||
<label >
|
||||
Last name:
|
||||
</label><br />
|
||||
<input type="text" name="lastName" /><br />
|
||||
<label >
|
||||
Email:
|
||||
</label><br />
|
||||
<input type="text" name="lastName" /><br />
|
||||
<label >
|
||||
Message:
|
||||
</label><br />
|
||||
<input type="text" name="message" height="300px"/><br />
|
||||
<input type="button" name="send" value="Send"/>
|
||||
</div>
|
||||
</div>
|
||||
</BODY>
|
||||
</HTML>
|
||||
|
|
32
stil.css
32
stil.css
|
@ -131,8 +131,40 @@ border-color: transparent transparent transparent #1199CC;
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.contactForm {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
background-color: #3377AA;
|
||||
}
|
||||
|
||||
.contactForm input {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.contactForm label {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.confirmButton {
|
||||
width: 100px;
|
||||
margin-left: 30px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table .tableHeader {
|
||||
background-color: #3377AA;
|
||||
}
|
||||
|
||||
table .specialRow {
|
||||
background-color: #1199CC;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
98
table.html
98
table.html
|
@ -51,24 +51,108 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="content">
|
||||
<table>
|
||||
<table border="1" cellspacing="0">
|
||||
<tr class="tableHeader">
|
||||
|
||||
<th>
|
||||
Position
|
||||
</th>
|
||||
<th>
|
||||
Name
|
||||
</th>
|
||||
<th>
|
||||
Year
|
||||
</th>
|
||||
<th>
|
||||
Rating
|
||||
</th>
|
||||
<th>
|
||||
Duration
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td>
|
||||
The Shawshank Redemption
|
||||
</td>
|
||||
<td>
|
||||
1994
|
||||
</td>
|
||||
<td>
|
||||
9.3
|
||||
</td>
|
||||
<td>
|
||||
2h 22m
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="specialRow">
|
||||
|
||||
<td>
|
||||
2
|
||||
</td>
|
||||
<td>
|
||||
The Godfather
|
||||
</td>
|
||||
<td>
|
||||
1972
|
||||
</td>
|
||||
<td>
|
||||
9.2
|
||||
</td>
|
||||
<td>
|
||||
2h 55m
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
3
|
||||
</td>
|
||||
<td>
|
||||
The Godfather: Part II
|
||||
</td>
|
||||
<td>
|
||||
1994
|
||||
</td>
|
||||
<td>
|
||||
9.0
|
||||
</td>
|
||||
<td>
|
||||
3h 22m
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="specialRow">
|
||||
|
||||
<td>
|
||||
4
|
||||
</td>
|
||||
<td>
|
||||
The Dark Knight
|
||||
</td>
|
||||
<td>
|
||||
2008
|
||||
</td>
|
||||
<td>
|
||||
8.9
|
||||
</td>
|
||||
<td>
|
||||
2h 32m
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>
|
||||
5
|
||||
</td>
|
||||
<td>
|
||||
Schindler's List
|
||||
</td>
|
||||
<td>
|
||||
1993
|
||||
</td>
|
||||
<td>
|
||||
8.9
|
||||
</td>
|
||||
<td>
|
||||
3h 15m
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue