markup-task-3/index.html at master · Anav11/markup-task-3 · GitHub

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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Задача «DeLorean DMC-12»</title>
    <link href="index.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Diplomata" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Teko" rel="stylesheet">
</head>
<body>
    | theme color:
    <input id="white" type="radio" name="color" checked>
    <label for="white">White</label>
    <input id="black" type="radio" name="color">
    <label for="black">Black</label>
    <input id="old" type="radio" name="color">
    <label for="old">Old</label><br>
    | Font size:
    <input id="small" type="radio" name="font-size" checked>
    <label for="small">Small</label>
    <input id="normal" type="radio" name="font-size">
    <label for="normal">Normal</label>
    <input id="big" type="radio" name="font-size">
    <label for="big">Big</label><br>
    | font:
    <input id="serif" type="radio" name="fond-style" checked>
    <label for="serif">Serif</label>
    <input id="sans-serif" type="radio" name="fond-style">
    <label for="sans-serif">Sans-serif</label>
    <input id="cursive" type="radio" name="fond-style">
    <label for="cursive">Cursive</label>

<section class="newspaper">
    <div class="newspaper-hat">
        <div class="header-block-left">
            <span class="reclame">Buy British Ballito stockings!</span>
        </div>
        <div class="header-block-right">
            <span class="info">NO. 10,258<br>ONE PENNY</span>
        </div>
        <div class="header-block-center">
            <span class="headline">Daily Express</span>
            <img src="logo.png" alt="logo" width="60" height="60">
            <div class="date">
                FRIDAY, 19 OCTOBER, 1933
            </div>
        </div>
    </div>

    <article class="headline-2">
        <h1>JUDEA DECLARES WAR ON GERMANY<br>
        <span class="headline-3">Jews of all the world unite in action</span></h1>
    </article>

    <article class="two-columns-with-content">
        <div class="important-text"><h1>boycott of german goods</h1></div>
        <div class="important-text"><hr><h3>mass demonstrations in many districts</h3></div>
        <div class="two-col-text"><hr>
            <p class="newspaper-contents first-big-letter">Fat new smallness few supposing suspicion
            two. Any delicate you how kindness horrible outlived servants. We leaf to snug on no need.
            <span class="thumbnail">Feel and make two real miss use easy. Her too add narrow having
            wished. Words to up style of since world. undefined.</span>
            Whatever throwing we on resolved entrance together granny. Up hung mr we give rest half.
            <span class="thumbnail">Dissimilar admiration so terminated no in contrasted it. Strictly
            numerous outlived kindness whatever on we no on addition. Decisively advantages nor
            expression unpleasing she led met.</span> As mr started arrival subject by believe.
            Expression alteration entreaties mrs can terminated.</p>
        </div>
        <p class="newspaper-contents">Made neat an on be gave show snug tore.
        Fortune day out married parties. Agreeable
        promotion eagerness as we resources household to distrusts. An stairs as be lovers uneasy.
        Expression alteration entreaties mrs can terminated estimating. Uncommonly no it announcing
        melancholy an in. Considered discovered ye sentiments project!</p>

        <p class="newspaper-contents">Considered discovered ye sentiments projecting entreaties of
        melancholy is. Sportsman do offending supported extremity.</p>

        <p class="newspaper-contents"><span class="thumbnail">An stairs as be lovers uneasy.</span>
        Expression alteration entreaties mrs can terminated estimating.
        Whatever throwing we on resolved entrance together graceful. To things so
        denied admire. Hard do me sigh.</p>
    </article>

    <article class="three-columns-with-content">
        <h3>Called though excuse length ye needed it he having.</h3>
        <p class="newspaper-contents">He in sportsman household otherwise it
        perceived instantly. Celebrated delightful an especially increasing instrument am. Dissimilar
        admiration so terminated no in contrasted it. At principle perfectly by sweetness do. Mrs
        assured add private married removed believ.</p><br>
        <img src="beer.jpg" alt="Вay cancellation of the dry law" class="beer-img">
        <span class="text-after-img">Вay cancellation of the "dry" law</span>

        <p class="newspaper-contents">Sitting hearted on it without me.
        Words to up style of since world. Mirth learn it he given.
        Dissimilar admiration so terminated no in contrasted it. Able rent long in do we. To things so
        denied admire. Whatever throwing we on resolved entrance together graceful. To things so
        denied admire. Hard do me sigh.</p>

        <p class="newspaper-contents first-big-letter">Draw from upon here gone add one.
        Painful so he an comfort is manners.
        none him few. Feel and make two real miss use easy. Fortune day out married parties.
        undefined. Up hung mr we give rest half. Expression alteration entreaties mrs can terminated
        estimating.</p>

        <p class="newspaper-contents">Words to up style of since world. He felicity no an at
        packages answered opinions juvenile. Girl quit if case mr sing as no have.
        <span class="thumbnail">Advantages entreaties mr he apartments do. Her too add
        narrow having wished. Detract yet delight written farther his general.</span></p>

        <p class="newspaper-contents first-big-letter">Fat new smallness few supposing suspicion two.
        Secure shy favour length all twenty denote.
        Summer who day looked our behind moment coming. Any delicate you how kindness horrible
        outlived servants. Sportsman do offending supported extremity breakfast by listening.
        <span class="thumbnail">So by colonel hearted ferrars. To thing.
        Hard do me sigh with west same lady.</span>
        Whatever throwing we on resolved entrance together graceful.</p>

        <p class="newspaper-contents">At none neat am do over will. Made neat an on be gave show
        snug tore. Draw fond rank form. The day eat. Words to up style of since world.
        <span class="thumbnail">We me rent been part what. Ecstatic elegance
        gay but disposed. Able rent long in do we. Mrs assured add private married removed believe did
        she.</span> Called though excuse length ye needed it he having</p>
    </article>
    <article class="two-last-columns-with-content">
        <div class="important-text-2"><h1>Mr. MacDONALD EXPLAINS HIS TOUR</h1></div>
        <div class="important-text-3"><hr><h3>"Peace can be kept  in Europe"</h3></div>
        <div class="important-text"><hr><h3>Today's dramatic action, but tomorrow?</h3></div>
        <div class="two-col-text"><hr>
            <p class="newspaper-contents first-big-letter">Secure shy favour length all twenty denote.
            Advantages entreaties mr he apartments do.
            As mr started arrival subject by believe. At principle perfectly by sweetness do. Limits
            far yet turned highly repair parish talked six.
            <span class="thumbnail">Draw from upon here gone add one.
            Uncommonly no it announcing melancholy an I.
            Happiness remainder joy but earnestly for off!</span> Her too add narrow having wished.</p>
        </div>
        <p class="newspaper-contents">Their saved linen downs tears son add music.
        Latter remark hunted enough vulgar say man. Fortune day out married parties.
        <span class="thumbnail">Fortune day out married parties.
        Mirth learn it he given. Fat new smallness few supposing suspicion two.</span> Do play they
        miss give so up. Their saved linen downs tears son add music. Their saved linen</p>
        <br><img src="Mr_MacDonald.jpg" alt="Mr. Ramsay MacDonald" class="donald-img">
        <span class="text-after-img">Mr. MacDonald</span>
    </article>
</section>
</body>
</html>