<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title lang="en">goit-markup-hw-07</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.0.0/modern-normalize.min.css"
integrity="sha512-ISS7cAi1PEhQ8jnbJpJZMd29NlhNj4AWYyLOSp2CE/CsHxTCu+r+t0D2yoJudVrd0/8fTVPUVDzY5Tvli75u/g=="
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Roboto:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/main.min.css" />
</head>
<body class="main-page">
<header class="header">
<div class="header-layout container">
<nav class="nav">
<a href="./index.html" class="logo nav__logo"
><span class="logo logo--current">Web</span>Studio</a
>
<ul class="nav-list">
<li class="nav-list__item">
<a href="./index.html" class="nav-list__link link--current"
>Студия</a
>
</li>
<li class="nav-list__item">
<a href="./portfolio.html" class="nav-list__link">Портфолио</a>
</li>
<li class="nav-list__item">
<a href="#" class="nav-list__link">Контакты</a>
</li>
</ul>
</nav>
<ul class="contacts-list">
<li class="contacts-list__item">
<a href="mailto:info@devstudio.com" class="contacts-list__link">
<svg class="contacts-list__icon" width="16px" height="12px">
<use href="./images/icons.svg#icon-envelope"></use>
</svg>
info@devstudio.com</a
>
</li>
<li class="contacts-list__item">
<a href="tel:+380961111111" class="contacts-list__link">
<svg class="contacts-list__icon" width="10px" height="16px">
<use href="./images/icons.svg#icon-smartphone"></use>
</svg>
+38 096 111 11 11</a
>
</li>
</ul>
</div>
</header>
<!-- hero -->
<main>
<section class="section">
<div class="container hero">
<h1 class="hero__title">
Эффективные решения <br />
для вашего бизнеса
</h1>
<button class="hero__link" data-modal-open>Заказать услугу</button>
</div>
</section>
<!-- middle-section-first -->
<section class="section">
<div class="container">
<ul class="section__items">
<li class="section__item">
<div class="section__thumb">
<svg class="section__icon">
<use href="./images/icons.svg#icon-antenna"></use>
</svg>
</div>
<h2 class="item__title">Внимание к деталям</h2>
<p class="section__text">
Идейные соображения, а также начало повседневной работы по
формированию позиции.
</p>
</li>
<li class="section__item">
<div class="section__thumb">
<svg class="section__icon">
<use href="./images/icons.svg#icon-clock"></use>
</svg>
</div>
<h2 class="item__title">Пунктуальность</h2>
<p class="section__text">
Задача организации, в особенности же рамки и место обучения
кадров влечет за собой.
</p>
</li>
<li class="section__item">
<div class="section__thumb">
<svg class="section__icon">
<use href="./images/icons.svg#icon-diagram"></use>
</svg>
</div>
<h2 class="item__title">Планирование</h2>
<p class="section__text">
Равным образом консультация с широким активом в значительной
степени обуславливает.
</p>
</li>
<li class="section__item">
<div class="section__thumb">
<svg class="section__icon">
<use href="./images/icons.svg#icon-astronaut"></use>
</svg>
</div>
<h2 class="item__title">Современные технологии</h2>
<p class="section__text">
Значимость этих проблем настолько очевидна, что реализация
плановых заданий.
</p>
</li>
</ul>
<!-- middle-section-second -->
<section class="section section__within-gap">
<h2 class="section__title">Чем мы занимаемся</h2>
<ul class="gallery">
<li class="gallery__item">
<img
src="./images/img_1.jpg"
alt="Алгоритмы"
class="gallery__img"
/>
<div class="gallery__title">
<p class="gallery__caption">Десктопные приложения</p>
</div>
</li>
<li class="gallery__item">
<img
src="./images//img_2.jpg"
alt="Мобильная разработка"
class="gallery__img"
/>
<div class="gallery__title">
<p class="gallery__caption">Мобильные приложения</p>
</div>
</li>
<li class="gallery__item">
<img
src="./images//img_3.jpg"
alt="Дизайн"
class="gallery__img"
/>
<div class="gallery__title">
<p class="gallery__caption">Дизайнерские решения</p>
</div>
</li>
</ul>
</section>
</div>
</section>
<!-- bottom-section -->
<section class="section">
<div class="container bottom-section">
<h2 class="section__title">Наша команда</h2>
<ul class="bottom-cardset">
<li class="bottom-cardset__item">
<img
src="./images//img_1_1.jpg"
alt="Product Designer"
title="Product Designer"
class="bottom-cardset__img"
/>
<div class="cardset__data">
<h3 class="cardset__data-title">Игорь Демьяненко</h3>
<p lang="en" class="cardset__data-text">Product Designer</p>
<!-- social-block -->
<div class="social-block">
<ul class="social">
<li class="social__item">
<!-- icon-instagram -->
<a
href="#"
class="social__link"
target="_blank"
rel="noreferrer noopener"
>
<svg class="social__icon">
<use href="./images/icons.svg#icon-instagram"></use>
</svg>
</a>
</li>
<li class="social__item">
<!-- twitter -->
goit-markup-hw-07-master.zip （53个子文件） 
goit-markup-hw-07-master css 
main.min.css 16KB main.min.css.map 16KB main.css 20KB old-styles.css 15KB main.css.map 16KB styles.css 630B .gitignore 2KB
portfolio.html 16KB .vscode extensions.json 65B settings.json 527B sass components _common.scss 610B _header.scss 2KB _portfolio_page-section.scss 1KB _footer-section.scss 929B _portfolio-grid.scss 772B _studio-hero-section.scss 639B _studio-modal.scss 1KB _portfolio-cards-overlay.scss 881B _social-block.scss 873B _studio-partners-section.scss 781B _forms.scss 2KB _studio-bottom-section.scss 846B _studio-middle-section.scss 2KB _studio-checkbox.scss 1KB _container.scss 106B _logo.scss 351B _studio-sections.scss 650B utils _variables.scss 908B _placeholders.scss 3KB _base.scss 242B main.scss 726B images 
img-2-4.jpg 4KB img_1_3.jpg 27KB img-2-1.jpg 6KB img_1_4.jpg 30KB img_1.jpg 16KB img_3.jpg 11KB img-2-2.jpg 13KB img-2-9.jpg 14KB background-img.jpg 88KB img_1_1.jpg 28KB
icon-check.svg 309B img-2-6.jpg 5KB img-2-3.jpg 8KB img_1_2.jpg 33KB img-2-7.jpg 7KB img-2-8.jpg 4KB img_2.jpg 14KB icons.svg 52KB img-2-5.jpg 4KB js subscribe.js 311B modal.js 441B index.html 26KB
温暖如故
- 粉丝: 24
- 资源: 4642
最新资源
- 2025海洋知识竞赛题库及答案(通用版).docx
- 【新增】-004 -餐厅薪酬制度.doc
- 【新增】-007 -餐饮管理公司薪酬管理体系设计.doc
- 【新增】-001 -(完整版)生产型企业薪酬管理制度.doc
- 【新增】-009 -超市门店薪酬结构方案.doc
- 【新增】-010 -超市薪酬管理制度.doc
- 【新增】-008 -测绘公司薪酬方案.doc
- 【新增】-013 -代理记账公司绩效工资考核方案.doc
- 【新增】-011 -超市薪酬管理制度的副本.doc
- 【新增】-015 -电器公司薪酬方案.doc
- 【新增】-020 -店面销售人员薪酬方案制定.doc
- 【新增】-018 -电子科技公司薪酬体系设计方案.doc
- 【新增】-016 -电器公司薪酬设计方案.doc
- 【新增】-025 -房地产开发公司薪酬福利管理制度.doc
- 【新增】-030 -服装店提成办法.doc
- 【新增】-031 -服装店行业薪资方案.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0