+ team page template;

templates/menu/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <meta charset="utf-8"/>
+        <meta lang="ru" />
+        <link rel="stylesheet" href="/style.css">
+    </head>
+    
+    <body>
+        <div class="menu">
+            <ul>
+                <li class="selected blue"><a href="/">Школа</a></li>
+                <li><span>Расписание</span></li>
+                <li><span>Занятия</span></li>
+                <li><span>Преподаватели</span></li>
+                <li><span>Выпускники</span></li>
+                <li><span>Галерея</span></li>
+                <li><a href="/docs">Документы</a></li>
+                <a href="https://vk.com/club10436104" class="vk">
+                    <img src="../../assets/img/icon.vk.png">
+                </a>
+            </ul>
+        </div>
+    </body>
+</html>

templates/menu/style.css

@@ -0,0 +1,42 @@
+* {
+  margin: 0;
+  padding: 0; }
+
+body {
+  font-family: "PT Sans"; }
+
+.menu {
+  width: 100%;
+  background-color: black;
+  font-size: 13pt;
+  color: #666; }
+  .menu ul {
+    margin-left: 50px; }
+  .menu li {
+    display: inline-block;
+    padding: 5px 3px 13px 3px;
+    margin-right: 30px; }
+  .menu :link, .menu :visited {
+    text-decoration: none;
+    border-bottom: 1px solid #333;
+    color: #666; }
+  .menu a:hover {
+    color: white; }
+  .menu .vk {
+    float: right;
+    margin: 13px 15px 0 0;
+    border: none; }
+
+.selected {
+  border-top: 4px solid white;
+  font-weight: bold; }
+  .selected a:link, .selected a:visited {
+    color: white;
+    text-decoration: none;
+    border-bottom: none; }
+  .selected.blue {
+    border-top: 4px solid #3f9cea; }
+  .selected.green {
+    border-top: 4px solid #5cbe40; }
+  .selected.yellow {
+    border-top: 4px solid #ffee00; }

templates/team/index.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+
+<html>
+    <head>
+        <meta charset="utf-8"/>
+        <meta lang="ru" />
+        <link rel="stylesheet" href="/main-menu.css">
+        <link rel="stylesheet" href="/style.css">
+    </head>
+    
+    <body>
+        <img class="main-picture" src="/team_all.jpg" />
+        <div class="menu">
+            <ul>
+                <li><a href="/">Школа</a></li>
+                <li><span>Расписание</span></li>
+                <li><span>Занятия</span></li>
+                <li class="selected blue"><a href="/team">Коллектив</a></li>
+                <li><span>Выпускники</span></li>
+                <li><span>Галерея</span></li>
+                <li><a href="/docs">Документы</a></li>
+                <a href="https://vk.com/club10436104" class="vk">
+                    <img src="../../assets/img/icon.vk.png">
+                </a>
+            </ul>
+        </div>
+        
+        <div class="main">
+            
+            <ul class="team-list">
+                <li class="team-member">
+                    <img src="teacher1.jpg" />
+                    <div class="info">
+                        <h3>Вера Викторовна <span>Воронова</span></h3>
+                        <p>Преподаватель <a href="/">композиции</a></p>
+                        <p>Вторая кваликационная категория по прикладной композиции</p>
+                        <p>Российский государственный университет имени А. И. Герцена</p>
+                    </div>
+                </li>
+                
+                <li class="team-member">
+                    <img src="teacher2.jpg" />
+                    <div class="info">
+                        <h3>Наталья Викторовна <span>Андреева</span></h3>
+                        <p>Преподаватель <a href="/">композиции</a></p>
+                        <p>Вторая кваликационная категория по прикладной композиции</p>
+                        <p>Санкт-Петербургский государственный университет технологии и дизайна</p>
+                    </div>
+                </li>
+                
+                <li class="team-member">
+                    <img src="teacher2.jpg" />
+                    <div class="info">
+                        <h3>Наталья Викторовна <span>Андреева</span></h3>
+                        <p>Преподаватель <a href="/">композиции</a></p>
+                        <p>Вторая кваликационная категория по прикладной композиции</p>
+                        <p>Санкт-Петербургский государственный университет технологии и дизайна</p>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </body>
+</html>

templates/team/main-menu.css

@@ -0,0 +1,44 @@
+* {
+  margin: 0;
+  padding: 0; }
+
+body {
+  font-family: "PT Sans"; }
+
+.menu {
+    margin: 0;
+    padding: 0;
+  width: 100%;
+  background-color: black;
+  font-size: 13pt;
+  color: #666; }
+  .menu ul {
+    margin-left: 50px; }
+  .menu li {
+    display: inline-block;
+    padding: 5px 3px 13px 3px;
+    margin-right: 30px; }
+  .menu :link, .menu :visited {
+    text-decoration: none;
+    border-bottom: 1px solid #333;
+    color: #666; }
+  .menu a:hover {
+    color: white; }
+  .menu .vk {
+    float: right;
+    margin: 13px 15px 0 0;
+    border: none; }
+
+.selected {
+  border-top: 4px solid white;
+  font-weight: bold; }
+  .selected a:link, .selected a:visited {
+    color: white;
+    text-decoration: none;
+    border-bottom: none; }
+  .selected.blue {
+    border-top: 4px solid #3f9cea; }
+  .selected.green {
+    border-top: 4px solid #5cbe40; }
+  .selected.yellow {
+    border-top: 4px solid #ffee00; }

templates/team/style.css

@@ -0,0 +1,50 @@
+.main-picture{
+    width: 100%;
+    position: fixed;
+    margin: 0;
+    left: 0;
+/*    top: 0;*/
+/*    top: 44px;*/
+/*    display: block;*/
+    z-index: -999;
+}
+
+ul{
+    display: block;   
+}
+
+.team-list{
+    list-style:none;
+/*    z-index: -1000;*/ 
+    background-color: white;
+    width:100%;
+    min-height: 100px;
+    padding-top: 100px;
+/*    margin-top: 750px;*/
+    margin-top: 63%;
+}
+
+.team-member{
+    margin: 0 auto 50px auto;
+    width: 70%;
+}
+
+.team-member img{
+    width: 40%;
+    display: inline-block;
+}
+
+.team-member .info{
+    display: inline-block;
+    float: right;
+    width: 55%;
+    line-height: 2em;
+}
+
+.info h3{
+    font-weight: 100;   
+}
+
+.info h3 span{
+    font-weight: 600;   
+}