План занятий

by pharma_nsk

HTML

<body>
<div class="box">
<div class="container">
<table>
  <caption>План занятий</caption>
  <tr><th>Занятие</th>
  <th>Заголовок &lt;&lt;</th>
  <th>Дата изучения</th>
  </tr>
  <tr>
    <td><a href="#">Лекция 1</a><br> 37 минут</td>
    <td><a href="#"><svg width="15" height="14" ><circle r="5" cx="7" cy="9" fill="orange"/><polygon points="5,6 10,9 5,12"fill="white"/></svg></a><a href="#">Основы ТРИЗ</a><br>Введение в дисциплину, цели и содержание предметной области. Основные постулаты ТРИЗ. Примеры творческих задач. Уровни сложности.</td>
    <td>-</td>
  </tr>
    <tr>
    <td><a href="#">Лекция 2</a><br> 1час 14 минут</td>
    <td><a href="#"><svg width="15" height="14" ><circle r="5" cx="7" cy="9" fill="orange"/><polygon points="5,6 10,9 5,12"fill="white"/></svg></a><a href="#">Приемы разрешения технических противоречий</a><br>Рассматриваются различные приёмы решений и приводятся примеры в области информационных технологий. Дробление, вынесение, местное качество, асимметрия, объединение, универсальность и другие (всего 50 приемов). Таблица Альтшуллера. </td>
    <td>-</td>
  </tr>
    <tr>
    <td><a href="#">Лекция 3</a><br> 1час 24 минут</td>
    <td><a href="#"><svg width="15" height="14" ><circle r="5" cx="7" cy="9" fill="orange"/><polygon points="5,6 10,9 5,12"fill="white"/></svg></a><a href="#">Примеры решения задач</a><br>Психологическая инерция. Моделирование задач и решений. Модель развития систем. Закон повышения идеальности, виды идеальности, идеальность в программировании. Идеальный конечный результат. </td>
    <td> -</td>
  </tr>
   <tr>
    <td><a href="#">Лекция 4</a><br> 1час 25 минут</td>
    <td><a href="#"><svg width="15" height="14" ><circle r="5" cx="7" cy="9" fill="orange"/><polygon points="5,6 10,9 5,12"fill="white"/></svg></a><a href="#">Повышение идеальности</a><br>Законы развития технических систем, системный оператор. Закон перехода в надсистему. S-образные кривые. Закон повышения динамичности. Введение в прогнозирование....

CSS

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';
body {background-color:white; font-family: Arial, sans-serif;font-size:11px;}
.box {height:auto; width:80%; margin:10px auto; background-color: white; border-right:1px solid  #FFE1B5; border-left:1px solid #FFE1B5; padding:5px 10px;}
table {border-collapse:collapse;}
caption {background-color: #FFF0D9; height:25px; text-align:left; line-height:25px; font-weight:bold; padding-left:5px;}
tr {border-bottom:1px solid #FFE1B5; }
td {padding-left:5px; vertical-align:top; }
td:first-child {width:20%; font-weight:bold; padding-left:5px;}
td:last-child {width:15%;text-align:left;}
th {text-align:left; background-color: #EB9C26; color:white; font-weight:bold; padding-left:5px;}
a {text-decoration:none; font-weight:bold; color:#3284B8;}
a:hover {color:green;}
.container {border-top:1px solid  #FFE1B5; padding-top:5px;}
/* .pic {display:inline-block; height:10px; width:10px;} */