Skip to content

Commit

Permalink
✔️ Сборка #3
Browse files Browse the repository at this point in the history
  • Loading branch information
Keks committed Feb 20, 2022
1 parent befac18 commit 7990fe9
Show file tree
Hide file tree
Showing 6 changed files with 167 additions and 1 deletion.
Binary file added 3/images/hotel-1.jpg
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 3/images/hotel-2.jpg
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 3/images/hotel-3.jpg
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 3/images/hotel-4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 5 additions & 1 deletion 3/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<head>
<meta charset="utf-8">
<title>HTML Academy: Седона</title>
<link rel="stylesheet" href="styles/styles.css">
<base href="https://htmlacademy-htmlcss.github.io/1923813-sedona-33/3/">
</head>
<body>
Expand Down Expand Up @@ -45,7 +46,10 @@
</header>
<main class="main-index">
<h1 class="visually-hidden">Добро пожаловать в город Седона!</h1>
<h2 class="city-intro">Седона — небольшой городок в Аризоне,
<div> <img src="images/welcome.svg" width="458" height="352" alt="Добро_пожаловать!">
<img src="images/divider.svg" width="1200" height="57" alt="Декоративная_вставка">
</div>
<h2 class="city-intro">Седона — небольшой городок в Аризоне,<br>
заслуживающий большего!</h2>
<p class="advantages-intro">Рассмотрим 5 причин, по которым Седона круче, чем Гранд-Каньон!</p>
<section class="advantages">
Expand Down
162 changes: 162 additions & 0 deletions 3/styles/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,162 @@
@font-face{
font-family: "PT Sans";
font-style: normal;
font-weight: 400;
src: url("../fonts/ptsans-400.woff2") format("woff2");
font-display: swap;
}

@font-face{
font-family: "PT Sans";
font-style: normal;
font-weight: 700;
src: url("../fonts/ptsans-700.woff2") format("woff2");
font-display: swap;
}

body{
font-family: "PT Sans", sans-serif;
font-size: 18px;
font-weight:400;
line-height: 21px;
color:#333333;
background-color:#FFFFFF;
}

.button {
font-family:"PT Sans", sans-serif;
color:#FFFFFF;
text-transform: uppercase;
text-decoration:none;
text-align:center;
}

.navigation-item .button {
font-size: 16px;
font-weight:700;
line-height: 20px;
background-color:#756257;
}

.page-header{
color:#000000;
background-color:#ffffff;
}
.navigation-link{
font-family: "PT Sans", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 26px;
color:#000000;
background-color:#ffffff;
text-decoration:none;
text-align:center;
}

.main-index{
color:#333333;
background-color:#f2f2f2;
background-image: url("../images/index-background.jpg");
background-size: 100% auto;
background-repeat: no-repeat;
}

h2 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 36px;
text-transform: uppercase;
}

h3 {
font-family: "PT Sans", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}

.city-intro {
text-align:center
}

.advantages-intro{
text-align:center
}

.advantages-list {
text-align:center;
}

.advantages-item {
font-family: "PT Sans", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #333333;
}

li.advantages-item:nth-child(1),
li.advantages-item:nth-child(2) {
color: #FFFFFF;
background-color:#83b3d3;
}

li.advantages-item:nth-child(3),
li.advantages-item:nth-child(5) {
background-color:rgba(131, 179, 211, 0.12);
}

li.advantages-item:nth-child(4) {
background-color:rgba(131, 179, 211, 0.2);
}

.advantages-subitem {
color: #333333;
background-color:rgba(131, 179, 211, 0.12);
}

.hotel-search {
text-align: center;
}

.hotel-search .button {
font-size: 20px;
font-weight:700;
line-height: 36px;
background-color:#756257;

}

.newsletter {
text-align: center;
color:#ffffff;
background-image: url("../images/subscribe-form-background.jpg");
}

.button-newsletter-button {
font-size:20px;
font-weight:700;
line-height:26px;
color:#FFFFFF;
background-color:#83b3d3;
text-align:center;
text-transform:uppercase;
}

.footer-social-item {
color:#333333;
}

.contacts-phone {
font-family: "PT Sans", sans-serif;
font-size:40px;
font-weight:400;
line-height:40px;
color:#000000;
text-align:center;
text-transform:uppercase;
}


0 comments on commit 7990fe9

Please sign in to comment.