Загрузил новые данный по сайту

картинки и т.д.
blackcat-team · Apr 6, 2020 · 8e8d6b0 · 8e8d6b0
1 parent 789eb35
commit 8e8d6b0
Show file tree

Hide file tree

Showing 20 changed files with 172 additions and 4 deletions.
diff --git a/files/project.jpg b/files/project.jpg
diff --git a/files/user.jpg b/files/user.jpg
diff --git a/img/hero-bg.jpg b/img/hero-bg.jpg
diff --git a/img/icon-css.svg b/img/icon-css.svg
diff --git a/img/icon-email-footer.svg b/img/icon-email-footer.svg
diff --git a/img/icon-email-header.svg b/img/icon-email-header.svg
diff --git a/img/icon-html.svg b/img/icon-html.svg
diff --git a/img/icon-phone-footer.svg b/img/icon-phone-footer.svg
diff --git a/img/icon-phone-header.svg b/img/icon-phone-header.svg
diff --git a/index.html b/index.html
@@ -10,7 +10,8 @@
   <body>
     <header class="page-header">
       <div class="container">
-      email: [email protected]
+        <a class="header-email" href="mailto:[email protected]">[email protected]</a>
+        <a class="header-phone"href="tel:+79998474747">+7 999 847 47 47</a>
       </div>
     </header>
 
@@ -24,6 +25,9 @@ <h1 class="heading">Лукашов Дмитрий</h1>
     <section class="intro">
       <div class="container">
       <h2 class="subheading">Давайте познакомимся</h2>
+      <figure class="user-image">
+        <img src="files/user.jpg" width="928" height="536" alt="Фотография Неопознанного Енота">
+      </figure>
       <h3>Я еще не верстальщик, а только учусь</h3>
       <p>Хочу научиться писать красивые сайты</p>
       <h3>Чем могу быть полезен</h3>
@@ -34,8 +38,11 @@ <h3>Чем могу быть полезен</h3>
     <section class="portfolio">
       <div class="container">
       <h2 class="subheading">Мои работы</h2>
-
+      <figure class="project-image">
+        <img src="files/project.jpg" width="928" height="536" alt="Cайт инструктора Кекса">
+      </figure>
       <h3>Сайт инструктора Кекса</h3>
+      <a class="button" href="source/project/index.html">Открыть страницу</a>
       <p>Небольшой лендинг о школе для начинающих.</p>
 
       <h3>Блог начинающего верстальщика</h3>
@@ -45,8 +52,9 @@ <h3>Блог начинающего верстальщика</h3>
 
     <footer class="page-footer">
       <div class="container">
-      Контакты в подвале
-    </div>
+        <a class="footer-email" href="mailto:[email protected]">[email protected]</a>
+        <a class="footer-phone" href="tel:+79998474747">+7 999 847 47 47</a>
+      </div>
     </footer>
   </body>
 </html>
diff --git a/source/project/img/banner-1.png b/source/project/img/banner-1.png
diff --git a/source/project/img/banner-2.png b/source/project/img/banner-2.png
diff --git a/source/project/img/bottle.svg b/source/project/img/bottle.svg
diff --git a/source/project/img/cat.svg b/source/project/img/cat.svg
diff --git a/source/project/img/keks-background-dark.jpg b/source/project/img/keks-background-dark.jpg
diff --git a/source/project/img/keks-background.jpg b/source/project/img/keks-background.jpg
diff --git a/source/project/img/keks.png b/source/project/img/keks.png
diff --git a/source/project/img/whistle.svg b/source/project/img/whistle.svg
diff --git a/source/project/index.html b/source/project/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="utf-8">
+    <title>Инструктор Кекс</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="container">
+      <header class="site-header">
+        <h1>Инструктор Кекс</h1>
+        <p>Обучение начинающих котят</p>
+        <img src="img/keks.png">
+      </header>
+
+      <section class="features">
+        <h2>Почему я?</h2>
+        <p class="feature-kitten">Я сам был котёнком, и вот я здесь</p>
+        <p class="feature-train">Хозяин натренирован на 100%</p>
+        <p class="feature-cat">Профессиональный кот уже более 5 лет</p>
+      </section>
+
+      <section class="skills">
+        <h2>Чему вы научитесь?</h2>
+        <ul class="skills-list">
+          <li class="skills-item">таскать еду из хозяйской тарелки;</li>
+          <li class="skills-item standart">придавать мебели винтажный стиль;</li>
+          <li class="skills-item standart">открывать дверь и не входить;</li>
+          <li class="skills-item vip">будить хозяина ночью;</li>
+          <li class="skills-item vip">разбрасывать шерсть по квартире.</li>
+        </ul>
+      </section>
+
+      <footer class="site-footer">
+        <p>© Кекс, 2018</p>
+        <p>Контактов нет, я сам вас найду</p>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/source/project/style.css b/source/project/style.css
@@ -0,0 +1,93 @@
+body {
+  padding: 0;
+  font-family: "Arial", sans-serif;
+  font-size: 14px;
+  line-height: 18px;
+  color: #000000;
+  background: #ffffff url("img/keks-background.jpg") no-repeat 50% 0;
+}
+
+h1 {
+  width: 260px;
+  font-family: "Georgia", serif;
+  font-size: 36px;
+  line-height: 36px;
+}
+
+h2 {
+  padding-bottom: 12px;
+  border-bottom: 1px solid #cccccc;
+}
+
+.site-header {
+  margin-bottom: 30px;
+}
+
+.skills-item {
+  margin-bottom: 15px;
+  padding-left: 20px;
+  border-left: 10px solid #c4c4c4;
+  color: #999999;
+}
+
+.standart {
+  border-color: #ffc5b3;
+  color: #666666;
+}
+
+/* Добавьте правило ниже */
+
+.vip {
+  border-color: #ff5a26;
+  color: #000000;
+}
+
+.container {
+  width: 480px;
+  margin: 0 auto;
+}
+
+.site-header img {
+  display: block;
+  margin: 0 auto;
+}
+
+.features {
+  margin-bottom: 30px;
+}
+
+.features p {
+  display: inline-block;
+  vertical-align: top;
+  width: 30%;
+  margin: 0 5px;
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center top;
+}
+
+.feature-kitten {
+  padding-top: 60px;
+  background-image: url("img/bottle.svg");
+}
+
+.feature-cat {
+  padding-top: 60px;
+  background-image: url("img/cat.svg");
+}
+
+.feature-train {
+  padding-top: 60px;
+  background-image: url("img/whistle.svg");
+}
+
+.skills-list {
+  padding: 0;
+  list-style: none;
+}
+
+.site-footer {
+  display: flex;
+  justify-content: space-between;
+  color: #999999;
+}