Skip to content

Commit f2e59d3

Browse files
gitrategitrate
committed
Lecture_19, class
1 parent bb513cd commit f2e59d3

File tree

4 files changed

+3417
-4
lines changed

4 files changed

+3417
-4
lines changed

‎css/main.css‎

Lines changed: 53 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,60 @@
1+
body {
2+
height: 3000px;
3+
}
4+
15
.mainTitle {
26
text-align:center;
7+
/* position:relative; */
8+
/* top:100px; */
9+
/* min-width: 120%; */
310
}
411
.mainTitle .logo {
5-
width:100px;
6-
vertical-align:middle;
12+
width: 100px;
13+
vertical-align: middle;
714
}
815
.mainTitle .text {
916
vertical-align:middle;
10-
}
17+
}
18+
19+
.animateContainer {
20+
width: 70%;
21+
margin: 0 auto;
22+
overflow: hidden;
23+
}
24+
.animateContainer .animate1,
25+
.animateContainer .animate2,
26+
.animateContainer .animate3 {
27+
width: 50%;
28+
height: 300px;
29+
background: blue;
30+
float: left;
31+
}
32+
33+
.animateContainer .animate2 {
34+
background: green;
35+
}
36+
37+
.animateContainer .animate3 {
38+
background: grey;
39+
width: 100%;
40+
}
41+
42+
43+
44+
45+
46+
47+
48+
49+
50+
51+
52+
53+
54+
55+
56+
57+
58+
59+
60+

‎index.html‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,13 @@
99
<body>
1010
<!-- This is base template for testing -->
1111
<h1 class="mainTitle">
12-
<img class="logo" src="images/logo.png" alt=""/>
12+
<a href="https://google.com/" target="_blank"><img class="logo" src="images/logo.png" alt=""/></a>
1313
<span class="text">Base template</span>
1414
</h1>
15+
<div class="animateContainer">
16+
<div class="animate1"></div>
17+
<div class="animate2"></div>
18+
<div class="animate3"></div>
19+
</div>
1520
</body>
1621
</html>

0 commit comments

Comments
 (0)