Topのコード

                        |div id="news" class="big-bg"|
                            |header class="page-header wrapper"|
                                |h1||a href="../index.html"| |img class="logo" src="../Img/garizarnititle.png" alt="ホーム"| |/a| |/h1|
                                |nav|
                                    |ul class="main-nav"|
                                        |li||a href="news.html"|News|/a||/li|
                                        |li||a href="menu.html"|Menu|/a||/li|
                                        |li||a href="contact.html"|Contact|/a||/li|
                                    |/ul|
                                |/nav|
                            |/header|
                
                            |div class="wrapper"|
                                |h2 class="page-title"|News|/h2|
                            |/div||!-- /.wrapper --|
                        |/div||!-- /#news --|
                    

ページの構成：
　　Top:タイトル+nav=div　メインコンテンツ:article+aside フッタ:footer
　　div→headerにlogo,nav(liのflex)+見出し+background-image
　　articleに見出し、写真、文章
　　aside内　①h3内にul
　　　　　②h3内にp

Point:articletopの日付アイコン