| 1 |
- <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="./styles.180e5b63.css"><link rel="stylesheet" href="./reponsive.12a24204.css"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><title>MonblanProject</title></head><body> <header> <div class="container"> <div class="logo"> <img src="./logo.652886af.png" alt="MonblanProject"> </div> <div class="profile"> <div class="profile__info"> <h1 class="profile__username"> monblanproject </h1> <span class="profile__start-date"> Start on 17-02-2016 </span> </div> <div class="profile__stats"> <p><span>870</span> posts</p> <p><span>11,787</span> followers</p> <p><span>112</span> following</p> </div> <div class="profile__date-select"> <span class="profile__date-select__name">Date</span> <div class="profile__date-select__input" id="from-date"> <button title="clear" data-clear="">✕</button> <input data-input="" type="text" placeholder="from"> </div> <div class="profile__date-select__input" id="to-date"> <button title="clear" data-clear="">✕</button> <input type="text" placeholder="to" data-input=""> </div> </div> </div> </div> </header> <main> <div class="decoration"> <img src="./form1.6c261e78.png"> <img src="./form2.381b72bf.png"> </div> <section class="mode-switcher"> <div class="container"> <div class="mode-switcher__items"> <div class="mode-switcher__items-grid" id="mode-switcher-grid"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <div class="mode-switcher__items-list active" id="mode-switcher-list"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </section> <section class="content display_list" id="content"> <div class="container"> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> <div class="content__item"> <div class="content__item-img"> <img src="./content-img1.a870952d.jpg" alt=""> </div> <div class="content__item-info"> <div class="content__item-info__data"> <p>Today</p> <p> <span class="material-icons likes">favorite</span> <span>128</span> <span class="material-icons comments">chat_bubble</span> <span>31</span> </p> </div> <div class="content__item-info__data"> <p>9-08-2016</p> <p> <span class="material-icons likes">favorite</span> <span>67</span> <span class="material-icons comments">chat_bubble</span> <span>22</span> </p> </div> <div class="content__item-info__data"> <p>Image upload</p> <p>11-04-2016</p> </div> </div> </div> </div> </section> <section class="load-more"> <button class="load-more__button">Load more</button> </section> </main> <script src="./main.54f289b5.js"></script> </body></html>
|
