Проектирование структуры базы данных в MSWord по шаблону (регистрация и авторизация пользователя, вывод контента)

 

 

Таблица User

 

Название поля в БД Тип поля в БД Описание данных Прочее
id MEDIUMINT Уникальный идентификатор записи Используется атрибут AUTO_INCREMENT
login TINYTEXT Идентификатор пользователя Максимальная длина имени 255 символов
Name TINYTEXT Имя пользователя Максимальная длина 255 символов
Surname TINYTEXT Фамилия пользователя Максимальная длина 255 символов
EMAIL TINYTEXT Электронная почта пользователя Максимальная длина 255 символов

 

 

Таблица News

 

Название поля в БД Тип поля в БД Описание поля Прочее
id MEDIUMINT Уникальный идентификатор записи Максимальная длина 255 символов
Name TINYTEXT Название новости Максимальная длина 255 символов
Content TINYTEXT Содержание новости Максимальная длина 255 символов
Date Date Дата и время размещения Максимальная длина 255 символов

 

 

Таблица Courses

 

Название поля в БД Тип поля в БД Описание поля Прочее
id MEDIUMINT Уникальный идентификатор записи Максимальная длина 255 символов
Name TINYTEXT Название курсов Максимальная длина 255 символов
Information TINYTEXT Информация о курсах Максимальная длина 255 символов
Price NUMBER Цена Максимальная длина 255 символов

 

Установка и настройка виртуального сервера по инструкции

 

Фронтэнд-разработка

index:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

 

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                     <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЯ</a>

                                                   <ul>

                                                             <li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                             <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

        <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться" />

</form>

 

              </div>       

    </div>

</header>

<div class="news">

                       <a href="roboquant.html"><img src="images/robot.png" alt="робот" class="robot"></a>

                       <a href="airoquantum.html"><img src="images/kwadro.png" alt="квадрокоптер" class="copter"></a>

                       <a href="cosmoquantum.html"><img src="images/kvantum.png" alt="Самолет" class="kwantum"></a>

                       <a href="hi-tek.html"><img src="images/Khay-tek.png" alt="хайтек" class="hitek1"></a>

    </div>

    <div class="all">

              <input checked type="radio" name="respond" id="desktop">

                       <article id="slider">

                                          <input checked type="radio" name="slider" id="switch1">

                                          <input type="radio" name="slider" id="switch2">

                                          <input type="radio" name="slider" id="switch3">

                                          <input type="radio" name="slider" id="switch4">

                                          <input type="radio" name="slider" id="switch5">

                                 <div id="slides">

                                          <div id="overflow">

                                                   <div class="image">

                                                             <article><img src="images/1.jpg"></article>

                                                             <article><img src="images/2.jpg"></article>

                                                             <article><img src="images/3.jpg"></article>

                                                             <article><img src="images/4.jpg"></article>

                                                             <article><img src="images/5.jpg"></article>

                                                   </div>

                                          </div>

                                 </div>

                                 <div id="controls">

                                          <label for="switch1"></label>

                                          <label for="switch2"></label>

                                          <label for="switch3"></label>

                                          <label for="switch4"></label>

                                          <label for="switch5"></label>

                                 </div>

                                 <div id="active">

                                          <label for="switch1"></label>

                                          <label for="switch2"></label>

                                          <label for="switch3"></label>

                                          <label for="switch4"></label>

                                     <label for="switch5"></label>

                                 </div>

                       </article>

    </div>

    <div class="novosti">

              <p style = 'color:#0479AC'><big><big><big>Новости</big></big></big></p>

              <div class="txtk">

              <img style = 'border-radius: 3px' src="images/novost1.jpg">

              <pstyle = 'color:#000'> технопарк принял участие в Уфимском международном салоне образования «Образование будущего»</p>

    </div>

              <div class="txtk">

              <img style = 'border-radius: 3px' src="images/novost2.jpg">

              <pstyle = 'color:#000'> Республика Башкортостан приняла участие

в Марафоне открытий детских технопарков «Кванториум» </p>

    </div>

    <div class="txtk">

              <img style = 'border-radius: 3px' src="images/novost3.jpg">

              <pstyle = 'color:#000'>В технопарке открыто новое направление «Коворкинг».

Набираем детей от 12 до 15 лет. </p>

    </div>

    </div>

    <div class="info">

    <div class="kontakti">

              <h2>Контакты</h2>

              <p class="c1"><i class="fa fa-phone"></i>+7 (999) 495-53-70 </p>

              <p class="c1"><i class="fa fa-map-marker"></i>г. Уфа, ул. Кирова, 43</p>

              <p class="c1"><i class="fa fa-envelope"></i> Big-pushok@yandex.ru</p>

    </div>

              <div class="karta">

                       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2303.866002430441!2d55.95850321530352!3d54.729571777904965!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43d93a46c3d393af%3A0x3b7592588a1b3eea!2z0YPQuy4g0JrQuNGA0L7QstCwLCA0Mywg0KPRhNCwLCDQoNC10YHQvy4g0JHQsNGI0LrQvtGA0YLQvtGB0YLQsNC9LCA0NTAwMDA!5e0!3m2!1sru!2sru!4v1509951041840" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>

              </div>

    </div>       

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                                 <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>       

    </body>

</html>
airoquantum:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЕ</a>

                                                   <ul>

                                                             <li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                             <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

              <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться" />

</form>

 

              </div>       

    </div>

</header>

<div class="news">

                       <a href="roboquant.html"><img src="images/robot.png" alt="робот" class="robot"></a>

                       <a href="airoquantum.html"><img src="images/kwadro.png" style="border: 2px ridge #0479AC" alt="квадрокоптер" class="copter"></a>

                       <a href="cosmoquantum.html"><img src="images/kvantum.png" alt="Самолет" class="kwantum"></a>

                       <a href="hi-tek.html"><img src="images/Khay-tek.png" alt="хайтек" class="hitek1"></a>

    </div>

    <divclass="blok">

              <p>В<big>Аэроквантуме</big> научат создавать действующие модели летательных аппаратов: от бумажных самолетиков до сложных гибридных моделей, вроде автомобиля-самолета. Ребята узнают о работе двигателя внутреннего сгорания и электродвигателя, познакомятся с расчетом воздушных винтов, научатся управлять радиомоделями. В процессе создания собственного летательного аппарата школьники получат практические навыки и знания, выходящие за рамки школьных программ по физике, химии, математике.

</p>

<p>

    <big>Оборудование:</big>

    <ul>

              <li>Квадрокоптеры разного размера, сложности и назначения: от «малышей» для отработки навыков управления до сложных и дорогих профессиональных аппаратов</li>

    </ul>

</p>

<div class="kartinka">

<img class="razmer15" src="images/detisqwadr.jpg"></div>

    </div>

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                                 <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>   /body>

</html>

cosmocvantum:

<!DOCTYPE html>

<html><head>

<meta charset="UTF-8">

<title>Site</title>

<link href="style.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                     <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЕ</a>

                                                   <ul>

                                                             <li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                             <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

              <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться">

</form>

 

              </div>       

    </div>

</header>

<div class="news">

                       <a href="roboquant.html"><img src="images/robot.png" alt="робот" class="robot"></a>

                       <a href="airoquantum.html"><img src="images/kwadro.png" alt="квадрокоптер" class="copter"></a>

                       <a href="cosmoquantum.html"><img src="images/kvantum.png" style="border: 2px ridge #0479AC" alt="Самолет" class="kwantum"></a>

                       <a href="hi-tek.html"><img src="images/Khay-tek.png" alt="хайтек" class="hitek1"></a>

    </div>

    <divclass="blok">

              <p>В<big>Космоквантуме</big> обучат инженерным навыкам, лежащих в основе ракетостроения и современной космонавтики, расскажут о современном состоянии космических технологиях и научат создавать собственные космические проекты. Школьники смогут запустить настоящий спутник в стратосферу и поработать в действующем Центре управления полетами при ТПУ.

</p>

<p>

    <big>Оборудование:</big>

    </p><ul>

              <li>Комплект «Орбикрафт», в который входит конструктор спутников «Таблетсат» космический симулятор «Орбита» и центр приема данных со спутников «Вьюнок»</li>

    </ul>

<p></p>

<div class="kartinka">

<img class="razmer15" src="images/detiirak.jpg"></div>

    </div>

    </div>

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                            <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>       

</body></html>

robocuant:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЕ</a>

                                                   <ul>

                                                             <li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                        <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

              <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться" />

</form>

 

              </div>       

    </div>

</header>

<div class="news">

                       <a href="roboquant.html"><img src="images/robot.png" style="border: 2px ridge #0479AC" alt="робот" class="robot"></a>

                       <a href="airoquantum.html"><img src="images/kwadro.png" alt="квадрокоптер" class="copter"></a>

                       <a href="cosmoquantum.html"><img src="images/kvantum.png" alt="Самолет" class="kwantum"></a>

                       <a href="hi-tek.html"><img src="images/Khay-tek.png" alt="хайтек" class="hitek1"></a>

    </div>

    <divclass="blok">

              <p><big>Робоквантум</big> — для тех, кто мечтает сам мастерить роботов. Здесь ученики углубят свои знания в области физики и математики, научатся создавать собственные роботизированные устройства для выполнения реальных задач.

</p>

<p>

    <big>Оборудование:</big>

    <ul>

              <li>Наборы для робототехники LegoMindstorms, EducationEV3, RobotisPremium, CircuitScribe, Tetrix, «Технология и физика»</li>

              <li>Стенд «Роботраффик» от «Попков Роботикс». Работающие модели беспилотных автомобилей, с помощью которых можно изучать и программировать системы технического зрения</li>

    </ul>

</p>

<div class="kartinka">

<img class="razmer15" src="images/rebenoir.jpg"></div>

    </div>

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                                 <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>       

    </body>

</html>

history:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                        <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЕ</a>

                                                   <ul>

<li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                             <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

              <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться" />

</form>

 

              </div>       

    </div>

</header>

<div class="blok">

<p> 17 октября 2017 года на базе Гагарин-центра состоялось торжественное открытие Кванториума Башкортостана. На мероприятии присутствовали Глава Республики Башкортостан Хамитов Рустем Закиевич, государственные деятели, депутаты Государственного Собрания-Курултая РБ, руководители предприятий, ректоры высших учебных заведений. Гости познакомились с квантумами, посмотрели мастер-классы. В детском технопарке «Кванториум Башкортостана» образовательная деятельность будет вестись по трем направлениям технического творчества – аэроквантум, космоквантум, робоквантум. Создание детского технопарка «Кванториум Башкортостана» позволит привлечь детей и подростков в учреждения научно-технической направленности, популяризировать профессии инженера, конструктора, механика и предоставит возможность познакомиться с техническим творчеством.</p>

<p>

Детский технопарк "Кванториум" в республике располагается сразу на трех площадках, две их которых находятся в Уфе и одна - в Благовещенске. В 2017 году подобные центры начали свою работу в 36 субъектах страны. Башкортостану на создание "Кванториума" в рамках Федеральной целевой программы развития образования выделено 57,1 миллиона рублей. Объём софинансирования из республиканского бюджета составил 24,5 миллиона рублей. Также привлечены внебюджетные средства в объёме 42 миллионов рублей.</p>

<div class="video"><iframe height="480" src="https://www.youtube.com/embed/FIjntchYp_I?ecver=1" frameborder="0" gesture="media" allowfullscreen></iframe></div>

</div>

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                                 <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>       

    </body>

</html>

FAQ:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

 

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             <li><a href="#">НАШИ КООРДИНАТЫ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-graduation-cap"></i>НАПРАВЛЕНИЯ</a>

                                                   <ul>

                                                             <li><a href="roboquant.html">РОБОКВАНТУМ</a></li>

                                                             <li><a href="airoquantum.html">АЭРОКВАНТУМ</a></li>

                                                             <li><a href="cosmoquantum.html">КОСМОКВАНТУМ</a></li>

                                                             <li><a href="hi-tek.html">ХАЙТЕК-ЦЕХ</a></li>

                                                   </ul>

                                          </li>

                                          <li><a href="#"><i class="fa fa-th-list"></i>НОВОСТИ</a></li>

                                          <li><a href="#"><i class="fa fa-question"></i>FAQ</a></li>

                                          <li><a href="javascript:ts('body',1)">+ Увеличить шрифт</a></li>

                                          <li><a href="javascript:ts('body',-1)">- Уменьшить шрифт</a></li>

                                 </ul>

                       </nav>

              </div>

    <div class="banner">

              <img src="images/zeml9.png" alt="Земля" class="zem">

              <img src="images/moon.png" alt="Луна" class="moon">

              <img src="images/raketa.png" alt="Ракета" class="raketa">

                       <div class="raketa"></div>

              <div class="content">

                                 <h2 id="sh2">Карьера ваших детей начинается у нас!</h2>

                                 <form>

                                 <input type="submit" id="submit" value="Записаться" />

</form>

 

              </div>       

    </div>

</header>

    <div class="FAQ">

              <P><b>F.A.Q</b></P>

              <p>1.Я хочу записать ребёнка на одно из отделений, как это сделать?</p>

              <p><b>Нужно нажать “записаться” в правом верхнем углу, после выбрать одно из отделений и ждать когда вам перезвонят или напишут на почту.</b></p>

              <p>2.Как вас можно найти для уточнения какой-либо информации?</p>

              <p><b>Спуститесь ниже и вы найдёте меню контакты, там указан наш телефон, адрес, и электронная почта.</b></p>

              <p>3.Я записал(а) ребёнка на одно из отделений, нужна ли регистрация на вашем сайте, чтобы отслеживаться расписание или его достижения?</p>

              <p><b>Регистрация не требуется, чтобы отслеживать расписание и достижения ребёнка, можно позвонить руководителю их группы.</b></p>

              <p>4.Ребёнку не понравились курсы, можно ли их поменять?</p>

              <p><b>Да, можно. Достаточно зайти в здание кванториума в котором ваш ребёнок учиться и сообщить, что вы хотите поменять отделение.</b></p>

              <p>5. Сколько стоят эти курсы?</p>

              <p><b>Курсы бесплатные.</b></p>

              <p>6.Мой ребёнок больше не хочет ходить, могу ли я забрать деньги за оставшиеся занятия которые он не посетил?</p>

              <p><b>Да, можете. Для этого нужно прийти в здание кванториума и написать отказ от услуг. </b></p>

    </div>

    <div class="info">

    <div class="kontakti">

              <h2>Контакты</h2>

              <p class="c1"><i class="fa fa-phone"></i>+7 (999) 495-53-70 </p>

              <p class="c1"><i class="fa fa-map-marker"></i>г. Уфа, ул. Кирова, 43</p>

              <p class="c1"><i class="fa fa-envelope"></i> Big-pushok@yandex.ru</p>

    </div>

              <div class="karta">

                       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2303.866002430441!2d55.95850321530352!3d54.729571777904965!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43d93a46c3d393af%3A0x3b7592588a1b3eea!2z0YPQuy4g0JrQuNGA0L7QstCwLCA0Mywg0KPRhNCwLCDQoNC10YHQvy4g0JHQsNGI0LrQvtGA0YLQvtGB0YLQsNC9LCA0NTAwMDA!5e0!3m2!1sru!2sru!4v1509951041840" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>

              </div>

    </div>       

    <div class="podval">

              <div class="podval-gorod">

                       <h2>Кванториум</h2>

                       <p>Уфа</p>

              </div>

              <div class="o_nas_new">

                       <ul>

                                 <li><a href="#">О нас</a></li>

                                 <li><a href="#">Новости</a></li>

                       </ul>

              </div>

              <div class="part_kvant">

                       <ul>

                                 <li><a href="#">Партнеры</a></li>

                                 <li><a href="#">Квантумы</a></li>

                       </ul>

              </div>

              <div class="kont">

                       <h2>Контакты</h2>

                       <p>+7 (999) 495-53-70</p>

                       <p>г. Уфа, ул. Кирова, 43</p>

              </div>

    </div>       

    </body>

</html>

hi-tek:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<title>Site</title>

<link href ="style.css" rel ="stylesheet" type="text/css">

<link rel ="stylesheet" href ="icons/css/font-awesome.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet">

<script>

 

var tgs = new Array('div','td','tr');

 

var szs = new Array('xx-small','x-small','small','medium','large','x-large','xx-large');

 

var startSz = 2;

 

function ts(trgt,inc) {

 

if (!document.getElementById) return

 

var d = document,cEl = null,sz = startSz,i,j,cTags;

 

sz += inc;

 

if (sz < 0) sz = 0;

 

if (sz > 6) sz = 6;

 

startSz = sz;

 

if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[ 0 ];

 

cEl.style.fontSize = szs[ sz ];

 

for (i = 0; i < tgs.length; i++) {

 

cTags = cEl.getElementsByTagName(tgs[ i ]);

 

for (j = 0; j < cTags.length; j++) cTags[ j ].style.fontSize = szs[ sz ];

 

}

 

}

 

</script>

</head>

<body>

    <header>

              <div class="menu_block">

                       <img src="images/kwantorium.png" class="d1">

                       <nav class="menu">

                                 <ul>

                                          <li><a href="index.html"><i class="fa fa-home"></i>ГЛАВНАЯ</a></li>

                                          <li><a href="#"><i class="fa fa-suitcase"></i>О КОМПАНИИ</a>

                                                   <ul>

                                                             <li><a href="history.html">ИСТОРИЯ КОМПАНИИ</a></li>

                                                             <li><a href="partneri.html">НАШИ ПАРТНЕРЫ</a></li>

                                                             &l


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: