Prvi zadatak, dodan sadrzaj na ostale stranice
parent
75976604f9
commit
0e39355099
20
contact.html
20
contact.html
|
@ -51,7 +51,25 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<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>
|
</div>
|
||||||
</BODY>
|
</BODY>
|
||||||
</HTML>
|
</HTML>
|
||||||
|
|
32
stil.css
32
stil.css
|
@ -131,8 +131,40 @@ border-color: transparent transparent transparent #1199CC;
|
||||||
display: inline-block;
|
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 {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
table .tableHeader {
|
||||||
|
background-color: #3377AA;
|
||||||
|
}
|
||||||
|
|
||||||
|
table .specialRow {
|
||||||
|
background-color: #1199CC;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
98
table.html
98
table.html
|
@ -51,24 +51,108 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<table>
|
<table border="1" cellspacing="0">
|
||||||
<tr class="tableHeader">
|
<tr class="tableHeader">
|
||||||
|
<th>
|
||||||
|
Position
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
Name
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
Year
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
Rating
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
Duration
|
||||||
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
<td>
|
||||||
|
1
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
The Shawshank Redemption
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
1994
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
9.3
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
2h 22m
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="specialRow">
|
<tr class="specialRow">
|
||||||
|
<td>
|
||||||
|
2
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
The Godfather
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
1972
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
9.2
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
2h 55m
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
<td>
|
||||||
|
3
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
The Godfather: Part II
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
1994
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
9.0
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
3h 22m
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="specialRow">
|
<tr class="specialRow">
|
||||||
|
<td>
|
||||||
|
4
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
The Dark Knight
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
2008
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
8.9
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
2h 32m
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
|
<td>
|
||||||
|
5
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
Schindler's List
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
1993
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
8.9
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
3h 15m
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue