Article_Layout/newsarticle.html at main · Chrizz-coder/Article_Layout · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>News Artilce</title>
    <link rel="stylesheet" href="/intro/day1/projects/style.css">
</head>
<body>
    <div class="page">
    <header class="brand-header">
    <h1 class="news-title">The News Times</h1></header>

        <ul class="nav-links">
           <li class="site_section"><a class="links" href="#">Politics</a></li>
           <li class="site_section"><a class="links" href="#">Technology</a></li>
           <li class="site_section"><a class="links" href="#">Local</a></li>
           <li class="site_section"><a class="links" href="#">Opinion</a></li>
           <li class="site_section"><a class="links" href="#">Sports</a></li>

        </ul>
        <div class="article1">
            <h2 class="article-title">Student Learn Html</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam quo vero incidunt reiciendis minus ut temporibus blanditiis impedit iure voluptate nulla dolor, excepturi pariatur voluptatem delectus praesentium. Illo, quibusdam tenetur dignissimos ducimus odit quam dolorem nesciunt, cumque dolore minus totam molestias nam consequuntur odio deserunt porro quaerat. Alias incidunt perspiciatis, voluptatem praesentium reprehenderit doloribus, voluptatibus ut quod sunt odio molestias vitae adipisci tempora quam doloremque consequuntur eveniet quos illo dicta? Repellat modi quos mollitia cupiditate exercitationem. Tempora expedita facere ipsam! Consequuntur necessitatibus voluptatum assumenda perferendis officiis! Obcaecati numquam quis ut unde mollitia, necessitatibus quae placeat eveniet aliquam, velit molestias alias ratione consequuntur et nemo eum, laudantium assumenda a porro dignissimos architecto! Ut quibusdam tempora porro architecto natus obcaecati impedit quam ducimus distinctio, nisi vero et expedita aliquid officiis accusamus mollitia ipsa est aut consectetur? Quidem sunt voluptate doloribus eaque nam incidunt corrupti magni consequatur, excepturi enim tempora, expedita ipsa suscipit natus assumenda autem perspiciatis totam! Architecto, eaque. Ad minus ex vitae optio ea! Officiis ab culpa dolore, et quidem exercitationem provident minima, ipsum, unde quibusdam quam sit sunt omnis odio voluptate officia. Tempore iusto distinctio aspernatur ipsa alias necessitatibus in qui culpa quo, aut fugit magnam nam pariatur eos at iste dolorum! Natus fuga consequatur iste ad blanditiis nostrum reiciendis, vero dolores odio numquam, harum hic, ipsam rem temporibus assumenda nam. Commodi ratione consectetur doloribus nemo quae, consequuntur recusandae tempore beatae optio dicta architecto. Esse temporibus ratione vitae at vel culpa modi laborum eligendi illum nobis eum odio alias voluptate, magni corporis dolores et asperiores nostrum dolore recusandae doloribus, molestiae dolorem. Perspiciatis debitis dolorem quia voluptatibus sapiente aut quisquam quibusdam, odio blanditiis dolore praesentium qui dolor beatae fugit quaerat earum provident reiciendis cum est temporibus voluptate hic minima consequatur. </p></div>
        <div class="article2">
            <h2 class="article-title">Breaking: Luna is adorable</h2>
            <img class="pet-img" src="http://pets-images.dev-apis.com/pets/dog25.jpg" alt="">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur non voluptate placeat error quidem corrupti ducimus dolore odio iusto quos consequatur eveniet veritatis soluta quaerat ullam earum nulla id ad, vitae voluptates! Ex, rerum blanditiis? Dignissimos voluptatum, iste temporibus error cumque harum optio. Similique nesciunt temporibus dolore adipisci, magnam quo quaerat incidunt libero? Voluptatem dolorum corrupti iure quaerat alias est dolor assumenda nulla velit ab earum excepturi ipsum sunt provident, porro numquam suscipit omnis cumque doloribus similique, maiores accusantium enim illo ex. Vel provident molestiae nulla tempore, quibusdam eligendi dolorum sed aliquam quasi iste dolorem totam sint optio repudiandae soluta!</p>
        </div>
        <div class="article3">
            <h2 class="article-title" >CSS is apparently a thing</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero nihil delectus minima repellendus aperiam! Eligendi consectetur inventore nulla dolores, voluptatum explicabo et mollitia itaque earum pariatur. Ratione veniam, sequi deserunt autem recusandae eius nobis facere a. Aliquid reprehenderit voluptas aperiam repellat quae iure culpa aspernatur molestias nihil laudantium quas, aliquam facere fuga quod nulla dolores doloremque cum odio, odit eos perferendis? Consectetur vitae esse, molestias consequatur vero fugit nostrum ducimus illo aliquam, quia veritatis eveniet laborum ullam id iste cumque sit minima at dicta, doloribus sapiente. Dolorum accusamus a eligendi? Repellat et laborum aliquid asperiores a tempora pariatur aut quidem.</p>
        </div>
        <div class="article4">
            <h2 class="article-title">Creating Project is Enjoyable</h2>
            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Culpa aperiam ipsam quod, ut unde nesciunt quaerat cumque fuga hic tempora, iure commodi neque molestias illum eius architecto molestiae dignissimos modi corporis ipsa necessitatibus nisi ea? Quae deserunt adipisci omnis accusamus, minus, molestiae odit perspiciatis soluta iusto harum dolorem illo sit eveniet libero. Eum illum quos ratione rem sapiente dolorem impedit repellendus officia, provident ab hic error vel laborum odit? Amet laborum earum impedit perferendis ipsam? Neque consectetur, reiciendis omnis quos vel tempora libero, autem repellendus beatae facere id impedit laboriosam. Nam praesentium ad id explicabo quibusdam necessitatibus impedit, reiciendis, autem aut facilis quae rerum recusandae? Et doloribus illo ea quia a, atque numquam quae libero qui deserunt assumenda molestias praesentium, velit incidunt delectus nam natus minima iusto, laudantium eveniet eligendi?</p>
        </div>
        <div class="article5">
            <h2 class="article-title">Coding is the thing i liked the most</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci autem sed vitae? Distinctio doloremque unde reprehenderit quis! Molestiae beatae, asperiores enim harum facilis dolore et? Sequi molestiae aliquam optio suscipit quibusdam quod magnam mollitia quisquam quas. Magni, pariatur reiciendis earum ab perferendis incidunt minus animi obcaecati nemo recusandae iure sunt odio molestias consequatur cum modi maiores optio ullam accusantium id ad qui. Asperiores numquam, ullam vero deleniti aliquam, fugiat nobis dignissimos quidem exercitationem quisquam odit nisi nemo quia temporibus ad adipisci. Molestias necessitatibus a quas amet, sed laborum nihil voluptas expedita iure ab veniam dolorum nulla provident neque magnam quam praesentium officiis id. Soluta ab, architecto pariatur porro eum quisquam totam minus ratione commodi illo, nulla et alias? Autem sint libero quis asperiores ea nihil veritatis fuga eveniet unde incidunt facilis repudiandae aut delectus, veniam voluptas magni est reprehenderit! Quibusdam iste eligendi pariatur sequi voluptas reiciendis, error voluptatum consectetur deleniti animi porro a aspernatur saepe rem adipisci impedit dolores unde optio aliquam architecto velit nostrum, ducimus earum. Unde laboriosam deserunt consequuntur maiores minima magnam accusamus molestiae mollitia, distinctio dicta? Rem aperiam saepe repellendus iste aut doloremque, eveniet esse facere placeat similique sapiente soluta, eius officiis commodi inventore excepturi modi libero delectus accusamus debitis maxime? Accusamus, suscipit veritatis repellendus dignissimos dolores optio rerum est sint quisquam voluptate autem, libero vel culpa dolore iste facere provident beatae ut? Iure libero sunt dicta expedita totam ipsam optio cumque quisquam, animi laborum tempore aut, incidunt repudiandae voluptatum nisi deleniti ex aliquid accusantium eveniet facilis!</p>
        </div>

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