Skip to content

Commit

Permalink
веб-студия
Browse files Browse the repository at this point in the history
  • Loading branch information
@IrinaChoulgan
IrinaChoulgan committed Mar 5, 2021
1 parent 935f911 commit 3324d7d
Show file tree
Hide file tree
Showing 3 changed files with 148 additions and 111 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
247 changes: 136 additions & 111 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,140 +1,165 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>

</head>
<body>
<!-- Head секция -->

<header>
<nav>
<a href="/">
WebStudio
</a>
<ul>
<li><a href="">Студия</a></li>
<li><a href="">Портфолио</a></li>
<li><a href="">Контакты</a></li>

</ul>
</nav>
<nav>
<a href="/"> WebStudio </a>
<ul>
<li><a href="mailto:info@devstudio.com">info@devstudio.com</a></li>
<li><a href="tel:+380961111111">+38 096 111 11 11</a></li>
<li><a href="">Студия</a></li>
<li><a href="">Портфолио</a></li>
<li><a href="">Контакты</a></li>
</ul>

</nav>
<ul>
<li><a href="mailto:info@devstudio.com">info@devstudio.com</a></li>
<li><a href="tel:+380961111111">+38 096 111 11 11</a></li>
</ul>
</header>

<main>

<!-- Секция герой -->
<main>
<!-- Секция герой -->

<div>
<section>
<h1>Эффективные решения <br> для вашего бизнеса</h1>
<button>Заказать услугу</button>
</section>
</div>
<div>
<section>
<h1>
Эффективные решения <br />
для вашего бизнеса
</h1>
<button>Заказать услугу</button>
</section>
</div>

<!-- Секция преимуществ -->
<!-- Секция преимуществ -->

<section>
<h2>Перечень преимуществ</h2>
<ul>
<li>
<section>
<h2>Перечень преимуществ</h2>
<ul>
<li>
<h3>Внимание к деталям</h3>
<p>Идейные соображения, а также начало повседневной работы по формированию позиции.</p>
</li>
<li>
<p>
Идейные соображения, а также начало повседневной работы по
формированию позиции.
</p>
</li>
<li>
<h3>Пунктуальность</h3>
<p>Задача организации, в особенности же рамки и место обучения кадров влечет за собой.</p>
</li><li>
<p>
Задача организации, в особенности же рамки и место обучения кадров
влечет за собой.
</p>
</li>
<li>
<h3>Планирование</h3>
<p>Равным образом консультация с широким активом в значительной степени обуславливает.</p>
</li><li>
<p>
Равным образом консультация с широким активом в значительной
степени обуславливает.
</p>
</li>
<li>
<h3>Современные технологии</h3>
<p>Значимость этих проблем настолько очевидна, что реализация плановых заданий.</p>
</li>
</ul>
</section>
<p>
Значимость этих проблем настолько очевидна, что реализация
плановых заданий.
</p>
</li>
</ul>
</section>

<!-- Секция "чем мы занимаемся" -->
<!-- Секция "чем мы занимаемся" -->

<section>
<h2>Чем мы занимаемся</h2>
<ul>
<li> <img src="./images/img-5.jpg" alt="Печатает на клавиатуре" width="370"></li>
<li> <img src="./images/img-2-2.jpg" alt="Телефон в руке" width="370"></li>
<li> <img src="./images/img-3-2.jpg" alt="Планшет в руке" width="370"></li>
</ul>
</section>
<section>
<h2>Чем мы занимаемся</h2>
<ul>
<li>
<img
src="./images/img-5.jpg"
alt="Печатает на клавиатуре"
width="370"
/>
</li>
<li>
<img src="./images/img-2-2.jpg" alt="Телефон в руке" width="370" />
</li>
<li>
<img src="./images/img-3-2.jpg" alt="Планшет в руке" width="370" />
</li>
</ul>
</section>

<!-- Секция наша команда -->
<!-- Секция наша команда -->

<section>
<h2>Наша команда</h2>
<ul>
<li>
<figure>
<img src="./images/img.jpg" alt="Мужчина в очках улыбается" width="270">
<figcaption>
<p>Игорь Демьяненко</p>
<section>
<h2>Наша команда</h2>
<ul>
<li>
<figure>
<img
src="./images/img.jpg"
alt="Мужчина в очках улыбается"
width="270"
/>
<figcaption>
<p>Игорь Демьяненко</p>
<p>Product Designer</p>
</figcaption>
</figure>
</li>
<li> <figure>
<img src="./images/img-2.jpg" alt="Девушка, блондинка в очках" width="270">
<figcaption>
</figcaption>
</figure>
</li>
<li>
<figure>
<img
src="./images/img-2.jpg"
alt="Девушка, блондинка в очках"
width="270"
/>
<figcaption>
<p>Ольга Репина</p>
<p>Frontend Developer</p>
</figcaption>
</figure>
</li>
<li>
</figcaption>
</figure>
</li>
<li>
<figure>
<img src="./images/img-3.jpg" alt="Мужчина улыбается" width="270">
<figcaption>
<p>Николай Тарасов</p>
<p>Marketing</p>
</figcaption>
<img
src="./images/img-3.jpg"
alt="Мужчина улыбается"
width="270"
/>
<figcaption>
<p>Николай Тарасов</p>
<p>Marketing</p>
</figcaption>
</figure>
</li>
<li>
</li>
<li>
<figure>
<img src="./images/img-4.jpg" alt="Мужчина в очках" width="270">
<figcaption>
<p>Михаил Ермаков</p>
<p>UI Designer</p>
</figcaption>
<img src="./images/img-4.jpg" alt="Мужчина в очках" width="270" />
<figcaption>
<p>Михаил Ермаков</p>
<p>UI Designer</p>
</figcaption>
</figure>
</li>
</ul>

</section>

</main>

<!-- футер -->

<footer>

<a href="./index.html">
WebStudio
</a>
<address> г. Киев, пр-т Леси Украинки, 26</address>

<ul>
<li><a href="mailto:info@example.com">info@example.com</a></li>
<li><a href="tel:+380991111111">+38 099 111 11 11</a></li>

</li>
</ul>


</footer>

</body>
</html>
</section>
</main>

<!-- футер -->

<footer>
<a href="./index.html"> WebStudio </a>
<address>г. Киев, пр-т Леси Украинки, 26</address>

<ul>
<li><a href="mailto:info@example.com">info@example.com</a></li>
<li><a href="tel:+380991111111">+38 099 111 11 11</a></li>
</ul>
</footer>
</body>
</html>
12 changes: 12 additions & 0 deletions prettierrc.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "avoid",
"proseWrap": "always"
}

0 comments on commit 3324d7d

Please sign in to comment.