frontendmasters/index.html at main · bsivakiran/frontendmasters · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./styles.css">
    <title>Document</title>
</head>
<body>
    <div class="pageTitle">
        <h1 class="pageTitleFontStyle">The News Times</h1>
    </div>
    <div class="content">
        <div class="eachRow">
            <div class="widthStyle25">
                <h2 class="h2Style">
                    Student Learns HTML
                </h2>
                <p>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic ad in quas alias non! Expedita similique et dolore illum doloremque vel accusantium ut eos tempora sequi, doloribus vitae mollitia praesentium ex ullam? Dolorem labore fugiat neque nostrum porro vero fugit.
                </p>
                <p>
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam corrupti, eius odio neque incidunt esse fuga veritatis ipsum, eligendi mollitia, porro quasi provident nisi sit! Doloribus, eligendi nemo, ad laudantium cupiditate aspernatur eveniet asperiores modi praesentium voluptas eos sunt odio.
                </p>
            </div>
            <div class="widthStyle50">
                <h2 class="h2Style">
                    BREAKING: Puppies Are Adorable
                </h2>
                <img src="http://placecorgi.com/500/300" alt="picture of a dog" class="imgWidth">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, dolores? Illo dolores, rerum iste aut porro doloribus fugit itaque voluptas.
                </p>
                <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laudantium incidunt ullam ea magni ipsam perferendis ratione pariatur enim repellendus quia?
                </p>
            </div>
            <div class="widthStyle25">
                    <h2 class="h2Style">
                        CSS Is Apparently a Thing
                    </h2>
                        <p>
                            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic ad in quas alias non! Expedita similique et dolore illum doloremque vel accusantium ut eos tempora sequi, doloribus vitae mollitia praesentium ex ullam? Dolorem labore fugiat neque nostrum porro vero fugit.
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam corrupti, eius odio neque incidunt esse fuga veritatis ipsum, eligendi mollitia, porro quasi provident nisi sit! Doloribus, eligendi nemo, ad laudantium cupiditate aspernatur eveniet asperiores modi praesentium voluptas eos sunt odio.
                        </p>
            </div>
        </div>
        <div class="eachRow">
                <div class="widthStyle25">
                    <h2 class="h2Style">
                        Boy Likes Turtles
                    </h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, perferendis! Accusamus asperiores quod vitae architecto natus alias fugiat aliquam unde sint expedita repellat rerum, obcaecati hic placeat recusandae quaerat. Dolores excepturi earum minus magni! Animi aperiam eligendi molestias necessitatibus ducimus.
                    </p>
                    <p>
                        Voluptate, ut, cupiditate ducimus vitae blanditiis ex impedit debitis est tempora dolores nam sed. Esse nobis ea inventore qui enim quia beatae ab commodi laboriosam quam aliquam aut perspiciatis fuga nam rerum temporibus voluptatum explicabo voluptate, pariatur ullam laudantium eligendi.
                    </p>
                </div>
                <div class="widthStyle75 content">
                    <div class="secondRowPadding polColor">
                        <span>Politics</span>
                    </div>
                    <div class="secondRowPadding techColor">
                        <span>Technology</span>
                    </div>
                    <div class="secondRowPadding localColor">
                        <span>Local</spna>
                    </div>
                    <div class="secondRowPadding opColor">
                        <span>Opinion</span>
                    </div>
                        <div class="secondRowPadding spColor">
                        <span>Sports</span>
                    </div>

                </div>
        </div>
    </div>
</body>
</html>