diff --git a/config/config.php b/config/config.php
new file mode 100644
index 0000000..f49f632
--- /dev/null
+++ b/config/config.php
@@ -0,0 +1,11 @@
+<?php
+define('ROOT', dirname(__DIR__));
+define('IMG_BIG', $_SERVER['DOCUMENT_ROOT'] . '/images/gallery_img/big/');
+define('IMG_SMALL', $_SERVER['DOCUMENT_ROOT'] . '/images/gallery_img/small/');
+define('TEMPLATES_DIR', ROOT . '/templates/');
+define('LAYOUTS_DIR', 'layouts/');
+
+include ROOT . "/engine/functions.php";
+include ROOT . "/engine/log.php";
+include ROOT . "/engine/gallery.php";
+include ROOT . "/engine/classSimpleImage.php";
\ No newline at end of file
diff --git a/engine/classSimpleImage.php b/engine/classSimpleImage.php
new file mode 100644
index 0000000..85bac52
--- /dev/null
+++ b/engine/classSimpleImage.php
@@ -0,0 +1,85 @@
+<?php
+/*
+* File: SimpleImage.php
+* Author: Simon Jarvis
+* Copyright: 2006 Simon Jarvis
+* Date: 08/11/06
+* Link: http://www.white-hat-web-design.co.uk/articles/php-image-resizing.php
+*
+* This program is free software; you can redistribute it and/or
+* modify it under the terms of the GNU General Public License
+* as published by the Free Software Foundation; either version 2
+* of the License, or (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+* GNU General Public License for more details:
+* http://www.gnu.org/licenses/gpl.html
+*
+*/
+
+class SimpleImage {
+
+   var $image;
+   var $image_type;
+
+   function load($filename) {
+      $image_info = getimagesize($filename);
+      $this->image_type = $image_info[2];
+      if( $this->image_type == IMAGETYPE_JPEG ) {
+         $this->image = imagecreatefromjpeg($filename);
+      } elseif( $this->image_type == IMAGETYPE_GIF ) {
+         $this->image = imagecreatefromgif($filename);
+      } elseif( $this->image_type == IMAGETYPE_PNG ) {
+         $this->image = imagecreatefrompng($filename);
+      }
+   }
+   function save($filename, $image_type=IMAGETYPE_JPEG, $compression=75, $permissions=null) {
+      if( $image_type == IMAGETYPE_JPEG ) {
+         imagejpeg($this->image,$filename,$compression);
+      } elseif( $image_type == IMAGETYPE_GIF ) {
+         imagegif($this->image,$filename);
+      } elseif( $image_type == IMAGETYPE_PNG ) {
+         imagepng($this->image,$filename);
+      }
+      if( $permissions != null) {
+         chmod($filename,$permissions);
+      }
+   }
+   function output($image_type=IMAGETYPE_JPEG) {
+      if( $image_type == IMAGETYPE_JPEG ) {
+         imagejpeg($this->image);
+      } elseif( $image_type == IMAGETYPE_GIF ) {
+         imagegif($this->image);
+      } elseif( $image_type == IMAGETYPE_PNG ) {
+         imagepng($this->image);
+      }
+   }
+   function getWidth() {
+      return imagesx($this->image);
+   }
+   function getHeight() {
+      return imagesy($this->image);
+   }
+   function resizeToHeight($height) {
+      $ratio = $height / $this->getHeight();
+      $width = $this->getWidth() * $ratio;
+      $this->resize($width,$height);
+   }
+   function resizeToWidth($width) {
+      $ratio = $width / $this->getWidth();
+      $height = $this->getheight() * $ratio;
+      $this->resize($width,$height);
+   }
+   function scale($scale) {
+      $width = $this->getWidth() * $scale/100;
+      $height = $this->getheight() * $scale/100;
+      $this->resize($width,$height);
+   }
+   function resize($width,$height) {
+      $new_image = imagecreatetruecolor($width, $height);
+      imagecopyresampled($new_image, $this->image, 0, 0, 0, 0, $width, $height, $this->getWidth(), $this->getHeight());
+      $this->image = $new_image;
+   }
+}
\ No newline at end of file
diff --git a/engine/functions.php b/engine/functions.php
new file mode 100644
index 0000000..1b8d9ef
--- /dev/null
+++ b/engine/functions.php
@@ -0,0 +1,26 @@
+<?php
+
+function render($page, $params = [], $layout = 'main'){
+    return renderTemplate(LAYOUTS_DIR . $layout, [
+            'content' => renderTemplate($page, $params),
+            'menu' => renderTemplate('menu'),
+        ]
+    );
+}
+
+function renderTemplate($page, $params = []){
+    ob_start();
+
+    if (!is_null($params))
+        extract($params);
+
+    $fileName = TEMPLATES_DIR . $page . ".php";
+
+    if (file_exists($fileName)) {
+        include $fileName;
+    } else {
+        Die("Страницы {$fileName} не существует.");
+    }
+
+    return ob_get_clean();
+}
\ No newline at end of file
diff --git a/engine/gallery.php b/engine/gallery.php
new file mode 100644
index 0000000..643cbd4
--- /dev/null
+++ b/engine/gallery.php
@@ -0,0 +1,40 @@
+<?php
+function getGallery($path){
+	return $images = array_splice(scandir($path), 2);
+}
+
+function uploadImage(){
+	$path_big = IMG_BIG . $_FILES['image']['name'];
+	$path_small = IMG_SMALL . $_FILES['image']['name'];
+
+	$image_info = getimagesize($_FILES['image']['tmp_name']);
+
+	if ($image_info['mime'] != 'image/png' && $image_info['mime'] != 'image/gif' && $image_info['mime'] != 'image/jpeg') {
+		echo "Можно загружать только jpg/png/gif/jpeg - файлы<br>";
+		exit;
+	}
+
+	if ($_FILES['image']['size'] > 1024 * 5 * 1024) {
+		echo "Размер файла не более 5 Мб<br>";
+		exit;
+	}
+
+	$blacklist = ['.php', '.phtml', '.php3', '.php4'];
+	foreach ($blacklist as $item) {
+		if(preg_match("/$item\$/i", $_FILES['image']['name'])){
+			echo "Загрузка php-файлов запрещена<br>";
+			exit;
+		}
+	}
+
+	if (move_uploaded_file($_FILES['image']['tmp_name'], $path_big)) {
+		
+		$image = new SimpleImage();
+		$image->load($path_big);
+		$image->resizeToWidth(250);
+		$image->save($path_small);
+		header("Location: /?page=gallery");
+	} else {
+		echo "Ошибка ресайза файла<br>";
+	}
+}
\ No newline at end of file
diff --git a/engine/log.php b/engine/log.php
new file mode 100644
index 0000000..e69de29
diff --git a/public/images/gallery_img/big/n_70.jpg b/public/images/gallery_img/big/n_70.jpg
new file mode 100644
index 0000000..d1c5b21
Binary files /dev/null and b/public/images/gallery_img/big/n_70.jpg differ
diff --git a/public/images/gallery_img/big/n_72.jpg b/public/images/gallery_img/big/n_72.jpg
new file mode 100644
index 0000000..aa1d97c
Binary files /dev/null and b/public/images/gallery_img/big/n_72.jpg differ
diff --git a/public/images/gallery_img/big/n_73.jpg b/public/images/gallery_img/big/n_73.jpg
new file mode 100644
index 0000000..e36fb36
Binary files /dev/null and b/public/images/gallery_img/big/n_73.jpg differ
diff --git a/public/images/gallery_img/big/n_76.jpg b/public/images/gallery_img/big/n_76.jpg
new file mode 100644
index 0000000..cff5f93
Binary files /dev/null and b/public/images/gallery_img/big/n_76.jpg differ
diff --git a/public/images/gallery_img/big/n_82.jpg b/public/images/gallery_img/big/n_82.jpg
new file mode 100644
index 0000000..7b92921
Binary files /dev/null and b/public/images/gallery_img/big/n_82.jpg differ
diff --git a/public/images/gallery_img/big/n_95.jpg b/public/images/gallery_img/big/n_95.jpg
new file mode 100644
index 0000000..b6929b1
Binary files /dev/null and b/public/images/gallery_img/big/n_95.jpg differ
diff --git a/public/images/gallery_img/small/n_70.jpg b/public/images/gallery_img/small/n_70.jpg
new file mode 100644
index 0000000..3184065
Binary files /dev/null and b/public/images/gallery_img/small/n_70.jpg differ
diff --git a/public/images/gallery_img/small/n_72.jpg b/public/images/gallery_img/small/n_72.jpg
new file mode 100644
index 0000000..f6105c7
Binary files /dev/null and b/public/images/gallery_img/small/n_72.jpg differ
diff --git a/public/images/gallery_img/small/n_73.jpg b/public/images/gallery_img/small/n_73.jpg
new file mode 100644
index 0000000..e14dfb8
Binary files /dev/null and b/public/images/gallery_img/small/n_73.jpg differ
diff --git a/public/images/gallery_img/small/n_76.jpg b/public/images/gallery_img/small/n_76.jpg
new file mode 100644
index 0000000..4a8ee15
Binary files /dev/null and b/public/images/gallery_img/small/n_76.jpg differ
diff --git a/public/images/gallery_img/small/n_82.jpg b/public/images/gallery_img/small/n_82.jpg
new file mode 100644
index 0000000..0636790
Binary files /dev/null and b/public/images/gallery_img/small/n_82.jpg differ
diff --git a/public/images/gallery_img/small/n_95.jpg b/public/images/gallery_img/small/n_95.jpg
new file mode 100644
index 0000000..88e8903
Binary files /dev/null and b/public/images/gallery_img/small/n_95.jpg differ
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..f145234
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,31 @@
+<?php
+
+include $_SERVER['$DOCUMENT_ROOT'] . "../config/config.php";
+
+if (isset($_GET['page'])) {
+    $page = $_GET['page'];
+} else {
+    $page = 'index';
+}
+
+$params = [];
+$layout = 'main';
+
+switch ($page) {
+	case 'index':
+		break;
+	case 'gallery':
+	
+		if(isset($_POST['load'])){
+			uploadImage();
+		}
+
+		$layout = 'gallery';
+		$params['gallery'] = getGallery(IMG_BIG);
+		break;
+	case 'homework_3':
+		$layout = 'homework_3';
+		break;
+}
+// _log($params, 'params');
+echo render($page, $params, $layout);
\ No newline at end of file
diff --git a/public/js/modal.js b/public/js/modal.js
new file mode 100644
index 0000000..796b7b6
--- /dev/null
+++ b/public/js/modal.js
@@ -0,0 +1,10 @@
+const block = document.querySelector('.gallery_wrapper');
+
+function handleEvents() {
+	block.addEventListener('click', (e) => {
+		if (e.target.classList.contains('gallery_img')) {
+			e.target.classList.toggle('active');
+		}
+	});
+}
+handleEvents();
\ No newline at end of file
diff --git a/public/styles/style.css b/public/styles/style.css
new file mode 100644
index 0000000..eee1b7e
--- /dev/null
+++ b/public/styles/style.css
@@ -0,0 +1,227 @@
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
+* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+}
+
+body {
+		font-family: 'Roboto', Arial, sans-serif;
+		background-color: #ebebeb;
+		overflow-x: hidden;
+		text-align: center;
+}
+
+header {
+	display: flex;
+	align-items: center;
+	justify-content: space-around;
+	width: 100%;
+	height: 80px;
+	background-color: #6b6d79c7;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+}
+
+.nav-li {
+	line-height: 30px;
+	display: flex;
+}
+
+.nav-ul {
+	display: flex;	
+}
+
+.nav-link:hover {
+	background-color: rgba(0, 0, 0, 0.1);
+	cursor: pointer;
+}
+.nav-link {
+	font-size: 15px;
+	font-weight: 300;
+	text-transform: uppercase;
+	text-decoration: none;
+	padding: 8px 10px;
+	width: 150px;
+	margin: 2%;
+	text-align: center;
+	background-color: #4c4848b8;
+	color: #fbfbfb;
+	border-radius: 2px;
+	transition: background-color 0.2s ease;
+}
+
+.nav-link:hover {
+	background-color: #212121;
+	cursor: pointer;
+}
+
+h1 {
+	font-weight: 100;
+	margin-bottom: 25px;
+}
+
+p {
+	text-align: center;
+	padding: 10px;
+	color: #aaa;
+	font-weight: 500;
+}
+
+.container {
+	margin-top: 50px;
+	min-width: 900px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.block {
+	margin: 10px;
+	border: 1px solid black;
+}
+
+.block_flex-wrapper {
+	padding: 15px;
+}
+
+.block_main {
+	display: flex;
+	justify-content: space-between;
+}
+
+.block_exp {
+	padding: 5px;
+}
+
+.block_exp-border-none {
+	border-right: none;
+}
+
+.header_3 {
+	margin: 20px;
+}
+
+.ul-hidden {
+	display: none;
+}
+
+.hover:hover > .ul-hidden {
+	display: block;
+	position: absolute;
+	top: 65px;
+}
+
+.gallery_wrapper {
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	max-width: 900px;
+	margin-bottom: 70px;
+}
+
+.gallery_img {
+	width: inherit;
+	border-radius: 4px;
+	border: 1px solid black;
+}
+
+.gallery_block {
+	width: 250px;
+	margin-bottom: 15px;
+	-webkit-transition: -webkit-transform 0.7s;
+	transition: transform 0.7s;
+}
+
+.gallery_block:hover {
+	-webkit-transform: scale(1.1);
+	transform: scale(1.1);
+}
+
+.modal {
+	-webkit-transition: -webkit-transform 0.7s;
+	transition: transform 0.7s;
+}
+
+.active {
+	-webkit-transform: scale(2);
+	transform: scale(2);
+}
+
+.upload_image {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 80px;
+	background-color: #747578;
+	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+}
+
+.form-group {
+  padding: 1em;
+  margin: 1em;
+}
+
+input[type="file"] {
+  outline: 0;
+  opacity: 0;
+  pointer-events: none;
+  user-select: none;
+}
+
+.label {
+	height: 60px;
+	width: 190px;
+	border: 2px dashed #fbfbfb;
+	border-radius: 5px;
+	display: flex;
+	padding: 1em;
+	align-items: center;
+	transition: border 300ms ease;
+	cursor: pointer;
+	text-align: center;
+}
+.label i {
+	display: block;
+	font-size: 42px;
+}
+.label i,
+.label .title {
+	font-weight: 400;
+	color: #fbfbfb;
+	transition: 200ms color;
+}
+.label:hover {
+	border: 2px solid black;
+}
+.label:hover i,
+.label:hover .title {
+	color: black;
+}
+
+.submit_button:hover {
+	background-color: rgba(0, 0, 0, 0.1);
+	cursor: pointer;
+}
+.submit_button {
+	border: none;
+	line-height: 30px;
+	font-size: 15px;
+	font-weight: 300;
+	text-transform: uppercase;
+	text-decoration: none;
+	padding: 8px 10px;
+	width: 150px;
+	margin: 2%;
+	text-align: center;
+	background-color: #4c4848b8;
+	color: #fbfbfb;
+	border-radius: 2px;
+	transition: background-color 0.2s ease;
+}
+
+.submit_button:hover {
+	background-color: #212121;
+	cursor: pointer;
+}
\ No newline at end of file
diff --git a/templates/gallery.php b/templates/gallery.php
new file mode 100644
index 0000000..808dcb7
--- /dev/null
+++ b/templates/gallery.php
@@ -0,0 +1,15 @@
+<div class="gallery_wrapper">
+<?php foreach ($gallery as $id => $fileName): ?> 
+<div class="gallery_block"><img class="gallery_img modal" src="images/gallery_img/big/<?= $fileName ?>" alt="photo" data-id="<?=$id?>"></div>
+<? endforeach; ?>
+</div>
+<form method="POST" enctype="multipart/form-data" class="upload_image">
+	<div class="form-group">
+	  <label class="label">
+	    <i class="material-icons">attach_file</i>
+	    <span class="title">Загрузить изображение</span>
+	    <input type="file" name="image" />
+	  </label>
+	</div>
+	<input type="submit" name="load" value="Загрузить" class="submit_button">
+</form>
\ No newline at end of file
diff --git a/templates/homework_3.php b/templates/homework_3.php
new file mode 100644
index 0000000..e69de29
diff --git a/templates/index.php b/templates/index.php
new file mode 100644
index 0000000..e69de29
diff --git a/templates/layouts/gallery.php b/templates/layouts/gallery.php
new file mode 100644
index 0000000..01e24f2
--- /dev/null
+++ b/templates/layouts/gallery.php
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Галерея</title>
+	<link rel="stylesheet" href="styles/style.css">
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+      rel="stylesheet">
+	<script src="js/modal.js" defer></script>
+</head>
+<body>
+	<header>
+		<?= $menu ?>
+	</header>
+	<div class="container">
+		<h1>Галерея</h1>
+		<?= $content ?>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/layouts/homework_3.php b/templates/layouts/homework_3.php
new file mode 100644
index 0000000..2b75a6b
--- /dev/null
+++ b/templates/layouts/homework_3.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Homework 3</title>
+	<link rel="stylesheet" href="styles/style.css">
+</head>
+<body>
+	<header>
+		<?= $menu ?>
+	</header>
+	<div class="container">
+		<h1>Домашняя работа №3</h1>
+		<?= $content ?>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/layouts/main.php b/templates/layouts/main.php
new file mode 100644
index 0000000..45194d2
--- /dev/null
+++ b/templates/layouts/main.php
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Главная</title>
+	<link rel="stylesheet" href="styles/style.css">
+</head>
+<body>
+	<header>
+		<?= $menu ?>
+	</header>
+	<div class="container">
+		<h1>PHP Курс 1</h1>
+		<?= $content ?>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/menu.php b/templates/menu.php
new file mode 100644
index 0000000..9bc5a20
--- /dev/null
+++ b/templates/menu.php
@@ -0,0 +1,69 @@
+<?php
+$menuList = [
+	[
+		'title' => 'Главная',
+		'href' => '/',
+		'style' => 'nav-li',
+		'styleLink' => 'nav-link'
+	],
+	[
+		'title' => 'Дз 3',
+		'href' => '?page=homework_3',
+		'style' => 'nav-li',
+		'hover' => 'hover',
+		'styleLink' => 'nav-link',
+		'subHidden' => 'ul-hidden',
+		'subMenu' => [
+			[
+				'title' => 'Задание 1',
+				'href' => '?page=task_1',
+				'style' => 'nav-li',
+				'styleLink' => 'nav-link'
+			],
+			[
+				'title' => 'Задание 2',
+				'href' => '?page=task_2',
+				'style' => 'nav-li',
+				'styleLink' => 'nav-link'
+			],
+			[
+				'title' => 'Задание 3 и 8',
+				'href' => '?page=task_3_8',
+				'style' => 'nav-li',
+				'styleLink' => 'nav-link'
+			],
+			[
+				'title' => 'Задание 4, 5 и 9',
+				'href' => '?page=task_4_5_9',
+				'style' => 'nav-li',
+				'styleLink' => 'nav-link'
+			],
+		]
+	],
+	[
+		'title' => 'Галерея',
+		'href' => '?page=gallery',
+		'style' => 'nav-li',
+		'styleLink' => 'nav-link'
+	]
+];
+
+function renderMenu($menuList, $params = []) {
+	$res = "<ul class='nav-ul {$params['subHidden']}'>";
+
+	foreach ($menuList as $listItem) {
+
+		$res .= "<li class=\"{$listItem["style"]} {$listItem["hover"]}\"><a href=\"{$listItem["href"]}\" class=\"{$listItem["styleLink"]}\">{$listItem["title"]}</a>";
+
+		if(isset($listItem['subMenu'])){
+			$res .= renderMenu($listItem['subMenu'], ['subHidden' => 'ul-hidden']);
+		}
+
+		$res .= "</li>";
+	}
+	$res .= "</ul>";
+	return $res;
+}
+
+echo renderMenu($menuList)
+?>
\ No newline at end of file
diff --git a/templates/task_1.php b/templates/task_1.php
new file mode 100644
index 0000000..6971b6e
--- /dev/null
+++ b/templates/task_1.php
@@ -0,0 +1,12 @@
+<div class="block">
+	<h3 class="header_3">Задание 1</h3>
+	<div class="block_flex-wrapper">
+		<p>С помощью цикла while вывести все числа в промежутке от 0 до 100, которые делятся на 3 без остатка.</p><hr>
+		<? $i = 0; while($i <= 100): ?>
+			<? if($i % 3 == 0)
+				echo $i;
+				$i++;
+			?>
+		<? endwhile; ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/templates/task_2.php b/templates/task_2.php
new file mode 100644
index 0000000..6f81cb7
--- /dev/null
+++ b/templates/task_2.php
@@ -0,0 +1,19 @@
+<div class="block">
+	<h3 class="header_3">Задание 2</h3>
+	<div class="block_flex-wrapper">
+		<p>С помощью цикла do…while написать функцию для вывода чисел от 0 до 10.</p><hr>
+		<?php
+		$i = 0;
+		do {
+			if ($i == 0) {
+				echo "{$i} - это ноль" . '<br>';
+			} else if($i & 1) {
+				echo "{$i} - не чётное<br>";
+			} else {
+				echo "{$i} - чётное<br>";
+			}
+			$i++;
+		} while ( $i <= 10);
+		?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/templates/task_3_8.php b/templates/task_3_8.php
new file mode 100644
index 0000000..f630f43
--- /dev/null
+++ b/templates/task_3_8.php
@@ -0,0 +1,53 @@
+<?php
+		$areas = [
+			'Московская область' => [
+				'Москва',
+				'Зеленоград',
+				'Клин'
+			],
+			'Ленинградская область' => [
+				'Санкт-Петербург',
+				'Всеволожск',
+				'Павловск',
+				'Кронштадт'
+			],
+			'Рязанская область' => [
+				'Рязань',
+				'Касимов',
+				'Скопин',
+				'Сасово',
+				'Ряжск',
+				'Рыбное'
+			]
+		];
+		// знаю, что выводить таким образом - плохой тон, но что-то я так и не понял как мне из цикла извлечь эти переменные и отобразить как мне надо в шаблоне
+		function printAreas($areas){
+			foreach ($areas as $area => $city) {
+				$city = implode(', ', $city) . ".";
+				echo "<div class='block_exp'>$area:</div>";
+				echo "<div class=''>$city</div><hr>";
+			}
+		}
+
+
+		// Города начинающиеся с буквы "К".
+
+		// function printCitiesStartsWithChar($areas){
+		// 	foreach ($areas as $area => $city) {
+		// 		echo "<div class='block_exp'>$area:</div>";
+		// 		foreach ($city as $value) {
+		// 			if(preg_match('/^(к|К)/', $value)){
+		// 				echo "<div class=''>$value</div><hr>";
+		// 			}
+		// 		}
+		// 	}
+		// }
+?>
+<div class="block">
+	<h3 class="header_3">Задания 3 и 8</h3>
+	<div class="block_flex-wrapper">
+		<p> Объявить массив, в котором в качестве ключей будут использоваться названия областей, а в качестве значений – массивы с названиями городов из соответствующей области. Вывести в цикле значения массива.
+		Вывести на экран только города, начинающиеся с буквы «К»</p><hr>
+		<?= printAreas($areas); ?>
+	</div>
+</div>
\ No newline at end of file
diff --git a/templates/task_4_5_9.php b/templates/task_4_5_9.php
new file mode 100644
index 0000000..3a818b5
--- /dev/null
+++ b/templates/task_4_5_9.php
@@ -0,0 +1,62 @@
+<?php
+function getDictionary(){
+			return $arr = [
+				'а' => 'а',
+				'б' => 'b',
+				'в' => 'v',
+				'г' => 'g',
+				'д' => 'd',
+				'е' => 'e',
+				'ё' => 'e',
+				'ж' => 'j',
+				'з' => 'z',
+				'и' => 'i',
+				'к' => 'k',
+				'л' => 'l',
+				'м' => 'm',
+				'н' => 'n',
+				'о' => 'o',
+				'п' => 'p',
+				'р' => 'r',
+				'с' => 's',
+				'т' => 't',
+				'у' => 'u',
+				'ф' => 'f',
+				'х' => 'h',
+				'ц' => 'c',
+				'ч' => '4',
+				'ш' => 'sh',
+				'щ' => 'shc',
+				'ъ' => '',
+				'ы' => 'y',
+				'ь' => '',
+				'э' => 'e',
+				'ю' => 'yu',
+				'я' => '9',
+				' ' => '_'
+			];
+		}
+
+		function translit($str){
+			$dictionary = getDictionary();
+			$res = '';
+
+			for ($i = 0; $i < mb_strLen($str); $i++) {
+				$char = mb_substr($str, $i, 1);
+				if (empty($dictionary[$char])) {
+					$char = mb_strtolower($char);
+					$res .= mb_strtoupper($dictionary[$char]);
+				} else {
+					$res .= $dictionary[$char];
+				}
+			}
+			return $res;
+		}
+?>
+<div class="block">
+	<h3 class="header_3">Задание 4, 5 и 9</h3>
+	<div class="block_flex-wrapper">
+		<p> Объявить массив, индексами которого являются буквы русского языка, а значениями – соответствующие латинские буквосочетания.</p><hr>
+		<?= translit('Транслит стРоки'); ?>
+	</div>
+</div>
\ No newline at end of file