1markup-task-3/index.html at master · 07Nick/1markup-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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Задача «DeLorean DMC-12»</title>
    <link href="https://fonts.googleapis.com/css?family=Cherry+Swash" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body>
    <input type="radio" id="set-size-small" name="set-size" checked>
    <input type="radio" id="set-size-average" name="set-size" >
    <input type="radio" id="set-size-large" name="set-size" >

    <input type="radio" id="set-font-standard" name="set-font" checked>
    <input type="radio" id="set-font-sans" name="set-font" >
    <input type="radio" id="set-font-serif" name="set-font" >

    <input type="radio" id="set-color-light" name="set-color" checked>
    <input type="radio" id="set-color-dark" name="set-color">

<main>
    <section class="appearance">
        <div class="appearance-size">
            <h3 class="navigation-item__header">Размер шрифта</h3>
            <label for="set-size-small">Маленький</label>
            <label for="set-size-average">Средний</label>
            <label for="set-size-large">Крупный</label>
        </div>
        <div class="appearance-font">
            <h3 class="navigation-item__header">Начертание шрифта</h3>
            <label for="set-font-standard">Стандартный шрифт</label><br>
            <label for="set-font-sans">Без засечек</label><br>
            <label for="set-font-serif">С засечками</label>
        </div>
        <div class="appearance-color">
            <h3 class="navigation-item__header">Цветовая тема</h3>
            <label for="set-color-light">Стандартный фон</label><br>
            <label for="set-color-dark">Светлая на тёмном</label>
        </div>
    </section>
    <section class="newspaper">

        <header class="newspaper-header">
            <hr class="heading-line">
            <p>THE NATION’S NEWSPAPER</p>
            <hr class="heading-line">
            <h1 class="name-newspaper">USA TODAY</h1>
            <hr class="heading-line">
            <p>NO.1 IN THE USA...3 BILLION READERS EVERY DAY</p>
            <hr class="heading-line">
        </header>
        <section class="new">
            <article class="first-news">
                <h3 class="date">Thursday, October 22, 2015</h3>
                <hr>
                <h2 class="first-section">NEWSLINE</h2>
                <p class="paragraph">THUMB BANDITS STRIKE: after amputating thumbs of hospital patients.</p>
                <p class="paragraph">MAN KILLED BY FALLING LITTER: thrown from a hovering vehicle.</p>
                <p class="paragraph">TOKYO STOCKS UP: averaging a 5 point increase in rally. Section C.</p>
                <img src="1.jpg" width="121" alt="masterpiece: still stirs controversy" class="photo">
                <p class="paragraph">SWISS TERRORIST THREAT: maybe real, say CIA officials. WORLD page 5.</p>
                <p class="paragraph">SHREDDING FOR CHARITY is a way to raise money and saw trees.
                    Section D.</p>
                <p class="paragraph">PRESIDENT SAYS SHE’S TIRED of reporters asking the same questions.
                    NATION page 4.</p>
                <p class="paragraph">KELP PRICE INCREASE is likely due to pollution of the South Pacific.
                    Section C.</p>
                <p class="paragraph">PITCHER SUSPENDED FOR BIONIC ARM USE without calibration. Section B.</p>
                <p class="paragraph">SLAMBALL PLAYOFFS BEGIN this evening in Denver, televised on 183.
                    Section B.</p>
                <p class="paragraph">JAWS WITHOUT BITE is the review of Jaws 19. Section D.</p>
                <p class="paragraph">WOMAN ASPHYXIATES IN SELF ADJUSTING JACKET. Manufacturer says safety
                    system was overridden; tightening a garment is no substitute for dieting.</p>
                <p class="paragraph">ACTIVISTS MOBILIZE TO BAN ALPHABET SOUP. Group leader,
                    <cite>J. Williams</cite>, says <q>This is an offensive product which contains slurs and
                        profanity in every can.</q></p>
                <p class="paragraph">CAFE 80S CLOSES MOSCOW BRANCH because Russians
                    were not nostalgic about 1980s USSR or Leonid Brezhnev.</p>
                <p class="paragraph">MOTHERS AGAINST DRUNK FLYING HIRES NEW LOBBYIST.
                    Katie Pearson will lead campaign to install kill-switch breathalyzers in flying cars.</p>
                <img src="2.jpg" width="121" alt="dog" class="photo">
                <p class="paragraph">MADDY THE HOVERBOARDING DOG TV SPECIAL TONIGHT. Border Collie music
                    video star gets one hour special on Canine Sports Network.</p>
                <p class="paragraph">2016 HOVERBOARD MODELS WILL BE LIGHTER AND THINNER
                    but they still won’t work on water.</p>
                <p class="paragraph">ATROCITY CHANNEL’S IMMOLATION SPECIAL GETS SUPER HOT RATINGS. Network
                    Executive. Everett Pilson, announces a cutting edge follow up.
                    <q>Evisceration Through The Ages.</q></p>
                <p class="paragraph">VIETNAM SURFING CHAMPIONSHIPS BEGIN TOMORROW. Rebecca Renner and Damian
                    Kowal will lead US Team.</p>
                <p class="paragraph">PAROLE DENIED AGAIN for Joseph <q>Joey</q> Baines. 61, currently serving
                    a 20 year term tor racketeering at Folsom Prison. Baines, originally from Hill Valley, has
                    spent some 2/3 of his life behind bars. This is his 12th consecutive parole hearing to end
                    in denial.</p><hr>
            </article>
            <h1 class="news-day">YOUTH JAILED <br>Martin McFly Junior Arrested for Theft</h1>
            <figure>
                <img src=
 "http://www.adweek.com/files/imagecache/node-detail/news_article/back-to-the-future-usa-today-hed-2015_0.jpg"
                     width="250" alt="Arrest of Martin McFly Junior" class="photoI">
                <figcaption><cite>Martin McFly, Junior</cite>: <q>They made me do it.</q></figcaption>
            </figure>
            <h2 class="any-caption">Youth Gang Denies Complicity</h2>
            <article class="any-news">
                <p class="first-paragraph">By Compu-Fax USA TODAY</p>
                <p class="any-paragraph">Protesting that he was <q>put up to the whole thing</q> by a
                    local gang. Martin McFly, Junior, 17. was arrested for the theft of an undisclosed
                    cash amount by Hill Valley Police this morning. The theft, which was accomplished with
                    a stolen degaussing unit, took place at the Hill Valley Payroll Substation on 9th Street
                    at exactly 1:28 A.M. this morning. Police were sketchy about details, but apparently McFly
                    set off a pressure sensitive alarm system which alerted authorities. McFly, the son of
                    Martin and Jennifer McFly of Hilldale. accused members of a local gang for putting him up
                    to the crime. Griff Tannen, spokesman for the accused youths, denied any involvement.
                    <q>McFly’s too lowres for us to associate with him.</q> McFly insisted that the gang was
                    involved and that he didn’t even know that he was committing a crime. <q>They told me it
                    was simply a money making opportunity, and that it was entirely legal.</q> McFly will be
                    arraigned tomorrow and will be tried in a data-fax court later this week.</p>
                <p class="any-paragraph">The McFly family is no stranger to runins with the law. Martin McFly
                    was involved in a drag racing accident involving an innocent bystander in 1985</p>
            </article>
            <hr>
            <h2 class="any-caption">Cholesterol maybe cancer cure</h2>
            <article class="any-news">
                <p class="first-paragraph">By Matthew Urbanos USA TODAY</p>
                <p class="any-paragraph">A controversial new study by scientists at the International
                    Center for Alternative Scientific Theory (ICAST) suggests that cholesterol may hold the
                    key to curing cancer. The report released yesterday sent shockwaves through the medical
                    community. <q>Simply put, the results of our preliminary research are stunning and
                    completely unexpected,</q> said Dr. Leigh Quindara, leader of the study, in an exclusive
                    interview with USA TODAY. The experimental protocol, according to Quindara and researcher
                    Steve Pearson, involved two groups of rats. The control group was given a normal healthy
                    diet, while the experimental group was given eggs and bacon cooked in lard and smothered
                    in Hollandaise sauce. At the same time, both groups were forced to breathe polluted air
                    Laden with carcinogens that was the equivalent of smoking three packs of cigarettes per
                     day. After 7 months, the control group rats all had lung tumors, while the experimental
                    group did not. The cholesterol levels in the experimental group were 400% greater than the
                    control group. <q>It’s too soon to determine if the cholesterol was a preventative or a
                    cure,</q> said Dr. Stephanie Wissler. President of ICAST. <q>It’s also possible that the
                    difference in tumor occurrence was a result of the higher levels of saturated fat in the
                    experimental group, which would also be startling.</q></p>
                <p class="any-paragraph"><q>It’s been said that everything claimed to be bad for you
                    eventually turns out to be good for you,</q> said <cite>Quindara</cite>, <q>and that would
                    be the case whether the anticancer effect is due to cholesterol or saturated fat.</q> The
                    research suggests numerous ideas for followup studies, and upcoming trials will involve
                    french fries, churros, chicken fried steak and eggnog ICAST will make the detailed data of
                    their study available to anyone who requests it. <q>We want other scientists to replicate
                    our experiments and build upon them to prove that we’re on the right track.</q> said
                    <cite>Pearson</cite>.</p>
                <img src="3.jpg" width="121" height="169" alt="burger" class="photo">
                <p  class="any-paragraph">Reactions to the report were immediate and mostly dismissive,
                    including virulently negative responses from those who did not read it. <q>I don’t have to
                    read a study like that to know that it’s absurd and irresponsible,</q> said cardiologist
                    <cite>Dr. Nakea Tyson</cite>. <q>What are they going to come up with next? Alcohol cures
                    venereal disease? Buttered popcorn improves sexual stamina? This is an organization that
                    exists only to generate news headlines.</q> Dr. Glenann Godden, chief oncologist of United
                    Independent Hospitals, agreed. <q>Consider the source of this research. ICAST is the group
                    that spent five years to determine if rust was actually a living organism of
                    extra-terrestrial origin. I wouldn't be surprised if their study was funded bv the
                    Butterfat Producers of America.</q></p>
                <p class="any-paragraph">Pearson responded that ICAST accepts no funding from special interest
                    groups, businesses or trade organizations. <q>We make all of our reports public to ensure
                    our integrity. and if we’re wrong, well be the first to admit it. As to the McBride Rust
                    Study, it was privately funded and we conclusively proved that rust was not an alien life
                    form. What's so controversial about that? It’s now settled science, and we’ve closed the
                    book on a subject that was the focus of decades of conspiracy theories and barroom
                    brawls.</q></p>
                <p class="any-paragraph">In addition to the varied reactions throughout the medical
                    establishment, the price of pork futures have doubled, and the stock price of Lard Fat
                    Industries of Mobile Alabama (LFIMA) closed at an historic high. <q>We’re certainly not
                    recommending that people suddenly change their diets to a lardinfused cholesterol rich
                    diet,</q> said <cite>Quindara</cite> as she savored a buttered croissant during our
                    interview, <q>but I must admit, few things taste better than a pastry like this.</q> After
                    a pause, she turned to our waitress. <q>Could 1 have another serving of bacon,
                    please?</q></p>
            </article>
        </section>
        </section>
    </main>
</body>
</html>