Skip to content

Commit

Permalink
portfolio page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Aweiro
Aweiro committed Nov 14, 2024
1 parent e0f586a commit 831382b
Show file tree
Hide file tree
Showing 23 changed files with 5,994 additions and 2 deletions.
Binary file added assets/.DS_Store
View file
Binary file not shown.
6 changes: 6 additions & 0 deletions assets/css/bootstrap.min.css
View file

Large diffs are not rendered by default.

1,205 changes: 1,205 additions & 0 deletions assets/css/style.css
View file

Large diffs are not rendered by default.

Binary file added assets/fonts/ionicons.eot
View file
Binary file not shown.
2,230 changes: 2,230 additions & 0 deletions assets/fonts/ionicons.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/fonts/ionicons.ttf
View file
Binary file not shown.
Binary file added assets/fonts/ionicons.woff
View file
Binary file not shown.
Binary file added assets/img/agency.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/client.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/face.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/favicon.ico
View file
Binary file not shown.
Binary file added assets/img/img1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/map.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/post_1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/serv.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/site-hero.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/site-hero2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1,148 changes: 1,148 additions & 0 deletions css/main.css
View file

Large diffs are not rendered by default.

293 changes: 293 additions & 0 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,293 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>West Decor</title>

<link rel="shortcut icon" href="/img/icons/logo.png" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/main.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
rel="stylesheet"
/>
<!-- <link rel="stylesheet" href="assets/css/style.css"> -->
</head>
<body>
<div class="background-portfolio">
<nav class="nav">
<div class="container">
<div class="nav__row">
<div class="logo">
<img src="./img/icons/logo2.png" alt="logo" />
</div>

<!--Hamburger menu-->
<button id="hamburgerBtn" class="hamburger">&#9776;</button>

<div class="navigation-list">
<ul class="dash-under-link">
<li class="nav__link">
<a href="index.html" class="active">Головна</a>
</li>
<li class="nav__link"><a href="about">Про нас</a></li>
<li class="nav__link"><a href="#">Портфоліо</a></li>
<li class="nav__link"><a href="#">Послуги</a></li>
<li class="nav__link"><a href="#">Відгуки</a></li>
<li class="nav__link"><a href="admin">Панель Адміністратора</a></li>
</ul>
</div>
</div>
</div>
</nav>

<main class="content">

<div class="site-hero">
<div class="slides">
<div><span class="small-title uppercase montserrat-text">we're</span></div>
<div class="big-title uppercase montserrat-text">West Decor</div>
<p>West Decor — сучасний підхід до декоративної штукатурки</p>
</div>
</div>
</div>
<div class="container__portfolio">
<div class="agency">
<div class="col-md-5 col-sm-12">
<div class="row">
<img src="assets/img/agency.jpg" alt="image">
</div>
</div>
<div class="col-md-offset-1 col-md-6 col-sm-12">
<div class="row">
<div class="section-title">
<span>history of agency</span>
</div>
<p>
Компанія West Decor спеціалізується на створенні стильних та унікальних декоративних покриттів для інтер’єрів та екстер’єрів. Ми пропонуємо широкий асортимент декоративних штукатурок, що ідеально підходять для створення як класичних, так і сучасних дизайнів. Наша продукція — це поєднання естетики, високої якості та екологічності, що дозволяє реалізувати найсміливіші дизайнерські ідеї.
</p>
<a href="/#tell-me" class="btn green" style="float:right;margin-top:30px"><span>Дізнатися</span></a>
</div>
</div>
</div>
</div>

<section class="services">
<div class="container__portfolio">
<div class="row">
<div class="section-title">
<span>Наші переваги</span>
<p>Зв'яжіться з нами та дізнайтеся більше про наш асортимент і можливості оформлення вашого інтер'єру чи фасаду!</p>
</div>
</div>

<div class="col-md-7 col-sm-12 services-left wow fadeInUp">
<div class="row" style="margin-bottom:50px">
<div class="col-md-6 col-sm-12">
<div class="row">
<i class="icon ion-ios-infinite-outline"></i>
<span class="montserrat-text uppercase service-title">Індивідуальний підхід</span>
<ul>
<li>Консультація з дизайнером</li>
<li>Ексклюзивні рішення</li>
<li>Тестові зразки</li>
<li>Гнучкість у виконанні</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="row">
<i class="icon ion-ios-shuffle"></i>
<span class="montserrat-text uppercase service-title">Великий вибір</span>
<ul>
<li>Різноманітність текстур</li>
<li>Широка палітра кольорів</li>
<li>Ефекти на будь-який стиль</li>
<li>Адаптація під інтер’єр</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="row">
<i class="icon ion-ios-cart-outline"></i>
<span class="montserrat-text uppercase service-title">Висока якість</span>
<ul>
<li>Стійкі матеріали</li>
<li>Екологічна безпека</li>
<li>Сучасні технології</li>
<li>Сучасні технології</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="row">
<i class="icon ion-ios-settings"></i>
<span class="montserrat-text uppercase service-title">Приємні ціни</span>
<ul>
<li>Доступні рішення</li>
<li>Прозоре ціноутворення</li>
<li>Знижки для постійних клієнтів</li>
<li>Акційні пропозиції</li>
</ul>
</div>
</div>
</div>
</div>

<div class="col-md-5 col-sm-12 services-right wow fadeInUp" data-wow-delay=".1s">
<div class="row">
<img src="assets/img/serv.jpg" alt="image">
</div>
</div>

</div>
</section>

<section>
<div class="container__portfolio">
<div class="row">
<div class="section-title">
<span>Чому обирають нас?</span>
<p>West Decor — мистецтво створення інтер’єру, що надихає.</p>
</div>
</div>

<div class="row">
<div class="col-md-6 wow fadeInUp">
<p style="margin-bottom:30px">
Наші майстри мають багаторічний досвід роботи у сфері декоративних покриттів та втілюють у життя найскладніші ідеї замовників. Ми працюємо з увагою до деталей та прагнемо створити покриття, яке не лише прикрасить ваш простір, а й зробить його по-справжньому унікальним.
</p>
<div class="row-list">
<div class="col-md-6 col-row">
<div class="row">
<ul class="list">
<li>Інноваційні матеріали</li>
<li>Естетика</li>
<li>Функціональність</li>
<li>Краса та практичність</li>
<li>Персоналізовані рішення</li>
</ul>
</div>
</div>
<div class="col-md-6 col-row">
<div class="row">
<ul class="list">
<li>Швидке виконання робіт</li>
<li>Широкий вибір</li>
<li>Професійні консультації</li>
<li>Доступні ціни</li>
<li>Унікальні текстури та кольори</li>
</ul>
</div>
</div>
</div>
</div>

<div class="col-md-6 wow fadeInUp" data-wow-delay=".1s">
<img src="assets/img/img1.jpg" alt="img" style="width:100%">
</div>
</div><!-- end row -->
</div><!-- end container -->
</section>



</main>

<footer class="footer">
<div class="container">
<div class="footer__row">
<div class="footer__info">
<div class="footer__logo">
<div class="logo">
<img src="./img/icons/logo.png" alt="logo" />
</div>
</div>

<div class="footer__info-text">
<p>
Декоративні штукатурки West Decor дозволяють створювати сучасні
ефекти: камінь, бетон, травертин, марморін, мерехтливий,
перламутр, оксамит, мармур.
</p>
</div>

<div class="footer__socials">
<a href="#!">
<img src="./img/social/facebook.svg" alt="fb" />
</a>
<a href="#!">
<img src="./img/social/twitter.svg" alt="tw" />
</a>
<a href="#!">
<img src="./img/social/youtube.svg" alt="yt" />
</a>
<a href="#!">
<img src="./img/social/linkedin.svg" alt="ln" />
</a>
</div>
</div>

<div class="footer__nav">
<div class="footer__nav-block">
<h4 class="footer__nav-block-title">Навігація</h4>
<ul class="dash-under-link dash-under-link__center">
<li><a href="/">Головна</a></li>
<li><a href="about">Про нас</a></li>
<li><a href="#!">Портфоліо</a></li>
<li><a href="#!">Послуги</a></li>
<li><a href="#!">Відгуки</a></li>
<!--Admin-->
</ul>
</div>

<div class="footer__nav-block">
<h4 class="footer__nav-block-title">Контакти</h4>
<ul>
<li>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<a href="#!" onclick="confirmCall('+380 95 716 87 47')"
>+380 95 716 87 47</a
>
</li>
</ul>
</div>
</div>
</div>
</div>

<div class="footer__bottom">
<p>&copy; 2024 West Decor. Всі права захищені.</p>
</div>
</footer>

<!-- scroll to top -->
<button onclick="topFunction()" id="myBtn" title="Go to top">
<svg
xmlns="http://www.w3.org/2000/svg"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 511.998 511.998"
>
<path
fill-rule="nonzero"
d="M255.999 511.999c70.684-.001 134.695-28.658 181.019-74.981 46.323-46.324 74.981-110.335 74.98-181.019 0-70.691-28.657-134.695-74.98-181.018C390.694 28.657 326.691 0 255.999 0 185.308 0 121.304 28.657 74.981 74.981 28.657 121.304 0 185.308 0 255.999c0 70.684 28.657 134.695 74.981 181.019 46.323 46.323 110.327 74.981 181.018 74.981zm-74.995-203.995c-29.412 16.955-43.962-6.609-27.542-23.789l84.234-95.914c15.311-15.318 21.289-15.318 36.607 0l84.234 95.914c16.303 17.26 2.086 40.686-27.549 23.789l-74.989-44.549-74.995 44.549zM410.99 410.99c-39.657 39.657-94.473 64.199-154.991 64.199-60.525 0-115.334-24.542-154.991-64.199-39.657-39.657-64.199-94.473-64.199-154.991 0-60.525 24.542-115.334 64.199-154.991 39.657-39.657 94.466-64.199 154.991-64.199 60.526 0 115.334 24.542 154.991 64.199 39.657 39.657 64.199 94.466 64.199 154.991 0 60.518-24.542 115.334-64.199 154.991z"
/>
</svg>
</button>

<script src="./js/script.js"></script>

</body>
</html>
8 changes: 8 additions & 0 deletions sass/base/_base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -106,4 +106,12 @@ body {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.background-portfolio {
width: 100%;
background: #fff no-repeat;
background-size: cover;
position: relative;
background-image: url('../assets/img/site-hero.jpg'); /* Заміни 'your-image.jpg' на шлях до твого зображення */
}
Loading

0 comments on commit 831382b

Please sign in to comment.