-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_test.html
1 lines (1 loc) · 6.19 KB
/
index_test.html
1
<!DOCTYPE html> <html lang="ru"> <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"> <meta http-equiv="Refresh" content="15" /> <title>Calendar</title> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="main-container-wrapper"> <div class="main-container-subwrapper-1"> <div class="calendar-container"> <div class="calendar-container__header"> <button class="calendar-container__btn calendar-container__btn--left" title="Previous"> <i class="icon ion-ios-arrow-back"></i> </button><h2 class="calendar-container__title">Август</h2><button class="calendar-container__btn calendar-container__btn--right" title="Next"> <i class="icon ion-ios-arrow-forward"></i> </button> </div> <div class="calendar-container__body"> <div class="calendar-table"> <div class="calendar-table__header"> <div class="calendar-table__row"> <div class="calendar-table__col">Пн</div> <div class="calendar-table__col">Вт</div> <div class="calendar-table__col">Ср</div> <div class="calendar-table__col">Чт</div> <div class="calendar-table__col">Пт</div> <div class="calendar-table__col">Сб</div> <div class="calendar-table__col">Вс</div> </div> </div> <div class="calendar-table__body"><div class="calendar-table__row"><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>10</span></div></div><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>11</span></div></div><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>12</span></div></div><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>13</span></div></div><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>14</span></div></div><div class="calendar-table__col calendar-table__inactive"><div class="calendar-table__item"><span>15</span></div></div><div class="calendar-table__col calendar-table__today"><div class="calendar-table__item"><span>16</span></div></div></div><div class="calendar-table__row"><div class="calendar-table__col"><div class="calendar-table__item"><span>17</span></div></div><div class="calendar-table__col calendar-table__event"><div class="calendar-table__item"><span>18</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>19</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>20</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>21</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>22</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>23</span></div></div></div><div class="calendar-table__row"><div class="calendar-table__col"><div class="calendar-table__item"><span>24</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>25</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>26</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>27</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>28</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>29</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>30</span></div></div></div><div class="calendar-table__row"><div class="calendar-table__col"><div class="calendar-table__item"><span>31</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>1</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>2</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>3</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>4</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>5</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>6</span></div></div></div><div class="calendar-table__row"><div class="calendar-table__col"><div class="calendar-table__item"><span>7</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>8</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>9</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>10</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>11</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>12</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>13</span></div></div></div><div class="calendar-table__row"><div class="calendar-table__col"><div class="calendar-table__item"><span>14</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>15</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>16</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>17</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>18</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>19</span></div></div><div class="calendar-table__col"><div class="calendar-table__item"><span>20</span></div></div></div></div> </div> </div> </div> <div class="events-container"> <span class="events__title">Ближайшие события</span> <ul class="events__list"><li class="events__item"><div class="events__item--left"><span class="events__name">ПСИ по усилителю</span><span class="events__date">08-18</span></div><span class="events__tag">15:00</span></li></ul> </div> </div> <div class="main-container-subwrapper-2"> <div class="events__veryitem"> <span> Здесь выводятся важные сообщения</span> </div> </div> </div> </body> </html>