index.html - VikaD13/-PHP GitHub Wiki
<title>Сайт вчительки математики</title>
<!-- Home -->
<article id="top" class="wrapper style1">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"><img src="https://2.bp.blogspot.com/-MzLEMVsHBdM/WlXLJekMVEI/AAAAAAAAALw/zbGwpGwiKwoqfhav584BkvmiisK3qKwKACLcBGAs/s640/P1010318.JPG" alt="" /></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1>Привіт! Я <strong>Орися Іванівна</strong>.</h1>
</header>
<p>я вчителька математики. На цьому сайті ти можеш користуватися калькулятором у якому можна
обчислювати площу,периметр та визначити чи фігура всередині прямокутника чи ні.</p>
</div>
</div>
</div>
</article>
<!-- Work -->
<article id="work" class="wrapper style2">
<div class="container">
<header>
<h2>Фотогалерея</h2>
<p>Дізнайтеся про мене, мій клас та роботу більше</p>
</header>
<div class="row">
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://2.bp.blogspot.com/-3iXNsqlLNNg/WlXGPrq9RVI/AAAAAAAAAF4/nqgDT3k8pyEa3xbxqf4S6X3oMb-Pjqi6gCEwYBhgL/s640/P1010392.JPG" class="image featured"><img src="https://2.bp.blogspot.com/-3iXNsqlLNNg/WlXGPrq9RVI/AAAAAAAAAF4/nqgDT3k8pyEa3xbxqf4S6X3oMb-Pjqi6gCEwYBhgL/s640/P1010392.JPG" alt="" /></a>
<h3>Кенгуру</h3>
<p>олімпіада з математики</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://4.bp.blogspot.com/-Pv3usdlYzbs/Wl2uxsoNw3I/AAAAAAAAANY/bwPatnqgXcMhDmQ5dVWGOXsyhMyj-HGlgCLcBGAs/s640/100_1679.JPG" class="image featured"><img src="https://4.bp.blogspot.com/-Pv3usdlYzbs/Wl2uxsoNw3I/AAAAAAAAANY/bwPatnqgXcMhDmQ5dVWGOXsyhMyj-HGlgCLcBGAs/s640/100_1679.JPG" alt="" /></a>
<h3>Ранок</h3>
<p>в гостях у казки</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://2.bp.blogspot.com/-ceksg4TRBUo/Wl2vNACcmeI/AAAAAAAAAN0/ugEMMl2uxuQZUi78sxfZJ8JWLPkhMzeXQCLcBGAs/s640/100_1753.JPG" class="image featured"><img src="https://2.bp.blogspot.com/-ceksg4TRBUo/Wl2vNACcmeI/AAAAAAAAAN0/ugEMMl2uxuQZUi78sxfZJ8JWLPkhMzeXQCLcBGAs/s640/100_1753.JPG" alt="" /></a>
<h3>Урок-подорож</h3>
<p>звичайні дроби</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://1.bp.blogspot.com/-XW6jcVN9ubQ/WlXEpIOReMI/AAAAAAAAAEQ/-x3fTIrRVyUU9wONj_OowxpfuwLwmes6ACEwYBhgL/s640/P1010309.JPG" class="image featured"><img src="https://1.bp.blogspot.com/-XW6jcVN9ubQ/WlXEpIOReMI/AAAAAAAAAEQ/-x3fTIrRVyUU9wONj_OowxpfuwLwmes6ACEwYBhgL/s640/P1010309.JPG" alt="" /></a>
<h3>Тарас Шевченко</h3>
<p>200-ліття від дня народження</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://1.bp.blogspot.com/-tsuSG9WUmWg/WlXEpODNr5I/AAAAAAAAAEQ/B-xdImTICj4DJcVIvKsfAAamC8umZSSBwCEwYBhgL/s640/P1010310.JPG" class="image featured"><img src="https://1.bp.blogspot.com/-tsuSG9WUmWg/WlXEpODNr5I/AAAAAAAAAEQ/B-xdImTICj4DJcVIvKsfAAamC8umZSSBwCEwYBhgL/s640/P1010310.JPG" alt="" /></a>
<h3>Відмінники</h3>
<p>з батьками старанних учнів</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="https://1.bp.blogspot.com/-UVDbxHLB-lU/WlXA7Wc8N9I/AAAAAAAAABM/4oJfdLDnzTM7PocWLSHeuR8zio5noUDEgCLcBGAs/s640/100_0566.JPG" class="image featured"><img src="https://1.bp.blogspot.com/-UVDbxHLB-lU/WlXA7Wc8N9I/AAAAAAAAABM/4oJfdLDnzTM7PocWLSHeuR8zio5noUDEgCLcBGAs/s640/100_0566.JPG" alt="" /></a>
<h3>Піраміда</h3>
<p>відкритий урок</p>
</article>
</div>
</div>
</div>
</article>
<!-- Portfolio -->
<article id="portfolio" class="wrapper style3">
<div class="container">
<header>
<a href="index.php"><h2>Звичайний калькулятор</a> і калькулятор фігур</h2>
<p>виберіть потрібну фігуру</p>
</header>
<div class="row aln-center">
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon featured fa-comments"></span>
<img src="https://scontent.flwo3-1.fna.fbcdn.net/v/t1.0-9/64823113_153261385829277_6349985464962777088_n.jpg?_nc_cat=105&_nc_oc=AQn9xGRIsZoKJv-nuGZfvpb6brq2XsOD5Z8vvQqS7QdWGIt-F2ja2mVaRxHEEuOHuCg&_nc_ht=scontent.flwo3-1.fna&oh=790b27628962d2e613fbb995e494b9a2&oe=5DED41BB">
<h3><a href="trukytnuk.php">Трикутник</a></h3>
<p>обчислення певних параметрів</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon solid featured fa-camera-retro"></span>
<img src="https://scontent.flwo3-1.fna.fbcdn.net/v/t1.0-9/66472112_153262412495841_8471927930295943168_n.jpg?_nc_cat=111&_nc_oc=AQmnFbwkNHmSmZceHWDNysmskXKMhxbl6F0_FHy5HjlZz9qYV2y_xeO2rHfddqCBDhg&_nc_ht=scontent.flwo3-1.fna&oh=57d23f1fc3044f5d27ee91b46907331e&oe=5DADD610">
<h3><a href="kvadrat.php">Квадрат</a></h3>
<p>обчислення певних параметрів</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<span class="icon featured fa-thumbs-up"></span>
<img src="https://scontent.flwo3-1.fna.fbcdn.net/v/t1.0-9/66625552_153775475777868_6079003514263044096_n.jpg?_nc_cat=108&_nc_oc=AQnDZN8UeXbKJNMcNVJ_eHXq6yPQctISI2ec83WdNxTT7UrKo4dHkUPreC7Yl2tnlJY&_nc_ht=scontent.flwo3-1.fna&oh=19aadc8eb7625514d94c00c04e8fdf53&oe=5DA71AAA">
<h3><a href="kolo.php">Коло</a></h3>
<p>обчислення певних параметрів</p>
</section>
</div>
</div>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>Напиши мені повідомлення або коментар</h2>
<p>але вкажи своє ім'я, прізвище і e-mail</p>
</header>
<div class="row">
<div class="col-12">
<form method="POST" action="peop.php">
<div class="row">
<div class="col-6 col-12-small">
<input type="text" name="name" id="name" placeholder="Ім'я" />
</div>
<div class="col-6 col-12-small">
<input type="text" name="email" id="email" placeholder="Прізвище" />
</div>
<div class="col-12">
<input type="text" name="subject" id="subject" placeholder="e-mail" />
</div>
<div class="col-12">
<textarea name="message" id="message" placeholder="Коментар"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li action="peop.php" method="POST"><input type="submit" value="Send Message"></li>
<li><input type="reset" value="Clear Form" class="alt" /></li>
</ul>
</div>
</div>
</form>
</div>
</div>
</div>
</article>
</body>