<META NAME="robots" CONTENT="noindex,nofollow">


<html>
    <head>
        <title>60 Words News</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="container">
    	    <div class="cards">

            <?php
                include_once("simple_html_dom.php");    
                $html = file_get_html("https://flipitnews.com/flips?page=1");
                $row = $html->find('div[class=col]',0);
            
                foreach($row->find('div[class=d-flex flex-column flex-lg-row no-gutters border rounded bg-white o-hidden]') as $col) {
            ?>
                <a class="card" href="#">
                    <?php $img = $col->find('img',0)->src; ?>
                    <span class="card-header" style="<?php echo 'background-image: url('.$img.')'; ?>">
                        <span class="card-title">
                            <h3><?php echo $col->find('h1',0)->plaintext; ?></h3>
                        </span>
                    </span>
                    <span class="card-summary">
                        <?php echo $col->find('p',0)->plaintext; ?>
                    </span>
                    <span class="card-meta">
                        Published: <?php echo $col->find('div[class=text-small text-muted]',0)->plaintext; ?>
                    </span>
                </a>
                            
            <?php
                }
            ?>
   