-
Notifications
You must be signed in to change notification settings - Fork 0
/
text.html
87 lines (68 loc) · 1.76 KB
/
text.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!--here we are dealing with different fonts and styles an sizes of text in a webpage-->
<!--font-family is to change the font of the sentence which by default is Times new roman-->
<!--text-align is to align the text in centre, left or right etc-->
<!--Line-height is used to adjust the spacing brtween the lines-->
<!--here p in style targets all the styles in the code hence used for general stuff-->
<style>
p{
font-family: Arial;
margin-top: 0;
}
.video-title{
text-align: left;
font-weight: bold;
font-size: 18px;
width: 300px;
line-height: 24px;
margin-bottom: 10px;
}
.video-stats{
line-height: 2px;
font-size: 14px;
color: #606060;
margin-bottom: 16px;
}
.video-author{
color: #606060;
font-size: 14px;
margin-bottom: 20px;
}
.video-text{
color: #606060;
width: 270px;
font-size: 14px;
line-height: 22px;
margin-bottom: 60px;
}
.apple{
background-color: #e34140;;
padding-top: 14px;
padding-bottom: 14px;
color:white;
font-weight: bold;
text-align: center;
margin-left: 8px;
margin-right: 8px;
}
.und:hover{
text-decoration: underline;
cursor: pointer;
}
</style>
<p class = "video-title">
Talking Tech and AI with Google CEO Sundar Pichai!
</p>
<p class = "video-stats">
3.4M views · 6 months ago
</p>
<p class="video-author">
Marques Brownlee ✓
</p>
<p class="video-text">
Talking tech and AI on the heels of Google I/O.
Also a daily driver phone reveal from Google's CEO.
Shoutout to Sundar!
</p>
<p class="apple">
Shop early for the best selection of holiday favourites. <span class = "und">Shop now ></span>
</p>