diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..fb506f8
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,3 @@
+* text=auto
+*.css text eol=lf
+*.gitattributes text eol=lf
diff --git a/Natours-Project b/Natours-Project
new file mode 160000
index 0000000..b6240e4
--- /dev/null
+++ b/Natours-Project
@@ -0,0 +1 @@
+Subproject commit b6240e42a86ce8fa2376202014f21218987c3bf2
diff --git a/css/fonts/linea-basic-10.eot b/css/fonts/linea-basic-10.eot
new file mode 100644
index 0000000..6534fd2
Binary files /dev/null and b/css/fonts/linea-basic-10.eot differ
diff --git a/css/fonts/linea-basic-10.svg b/css/fonts/linea-basic-10.svg
new file mode 100644
index 0000000..4f31eff
--- /dev/null
+++ b/css/fonts/linea-basic-10.svg
@@ -0,0 +1,145 @@
+
+
+
+Generated by Fontastic.me
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/css/fonts/linea-basic-10.ttf b/css/fonts/linea-basic-10.ttf
new file mode 100644
index 0000000..0747f27
Binary files /dev/null and b/css/fonts/linea-basic-10.ttf differ
diff --git a/css/fonts/linea-basic-10.woff b/css/fonts/linea-basic-10.woff
new file mode 100644
index 0000000..36e3185
Binary files /dev/null and b/css/fonts/linea-basic-10.woff differ
diff --git a/css/iconfont.css b/css/iconfont.css
new file mode 100644
index 0000000..51800c6
--- /dev/null
+++ b/css/iconfont.css
@@ -0,0 +1,445 @@
+@charset "UTF-8";
+
+@font-face {
+ font-family: "linea-basic-10";
+ src:url("fonts/linea-basic-10.eot");
+ src:url("fonts/linea-basic-10.eot?#iefix") format("embedded-opentype"),
+ url("fonts/linea-basic-10.woff") format("woff"),
+ url("fonts/linea-basic-10.ttf") format("truetype"),
+ url("fonts/linea-basic-10.svg#linea-basic-10") format("svg");
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+[data-icon]:before {
+ font-family: "linea-basic-10" !important;
+ content: attr(data-icon);
+ font-style: normal !important;
+ font-weight: normal !important;
+ font-variant: normal !important;
+ text-transform: none !important;
+ speak: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+ font-family: "linea-basic-10" !important;
+ font-style: normal !important;
+ font-weight: normal !important;
+ font-variant: normal !important;
+ text-transform: none !important;
+ speak: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-basic-accelerator:before {
+ content: "a";
+}
+.icon-basic-alarm:before {
+ content: "b";
+}
+.icon-basic-anchor:before {
+ content: "c";
+}
+.icon-basic-anticlockwise:before {
+ content: "d";
+}
+.icon-basic-archive:before {
+ content: "e";
+}
+.icon-basic-archive-full:before {
+ content: "f";
+}
+.icon-basic-ban:before {
+ content: "g";
+}
+.icon-basic-battery-charge:before {
+ content: "h";
+}
+.icon-basic-battery-empty:before {
+ content: "i";
+}
+.icon-basic-battery-full:before {
+ content: "j";
+}
+.icon-basic-battery-half:before {
+ content: "k";
+}
+.icon-basic-bolt:before {
+ content: "l";
+}
+.icon-basic-book:before {
+ content: "m";
+}
+.icon-basic-book-pen:before {
+ content: "n";
+}
+.icon-basic-book-pencil:before {
+ content: "o";
+}
+.icon-basic-bookmark:before {
+ content: "p";
+}
+.icon-basic-calculator:before {
+ content: "q";
+}
+.icon-basic-calendar:before {
+ content: "r";
+}
+.icon-basic-cards-diamonds:before {
+ content: "s";
+}
+.icon-basic-cards-hearts:before {
+ content: "t";
+}
+.icon-basic-case:before {
+ content: "u";
+}
+.icon-basic-chronometer:before {
+ content: "v";
+}
+.icon-basic-clessidre:before {
+ content: "w";
+}
+.icon-basic-clock:before {
+ content: "x";
+}
+.icon-basic-clockwise:before {
+ content: "y";
+}
+.icon-basic-cloud:before {
+ content: "z";
+}
+.icon-basic-clubs:before {
+ content: "A";
+}
+.icon-basic-compass:before {
+ content: "B";
+}
+.icon-basic-cup:before {
+ content: "C";
+}
+.icon-basic-diamonds:before {
+ content: "D";
+}
+.icon-basic-display:before {
+ content: "E";
+}
+.icon-basic-download:before {
+ content: "F";
+}
+.icon-basic-exclamation:before {
+ content: "G";
+}
+.icon-basic-eye:before {
+ content: "H";
+}
+.icon-basic-eye-closed:before {
+ content: "I";
+}
+.icon-basic-female:before {
+ content: "J";
+}
+.icon-basic-flag1:before {
+ content: "K";
+}
+.icon-basic-flag2:before {
+ content: "L";
+}
+.icon-basic-floppydisk:before {
+ content: "M";
+}
+.icon-basic-folder:before {
+ content: "N";
+}
+.icon-basic-folder-multiple:before {
+ content: "O";
+}
+.icon-basic-gear:before {
+ content: "P";
+}
+.icon-basic-geolocalize-01:before {
+ content: "Q";
+}
+.icon-basic-geolocalize-05:before {
+ content: "R";
+}
+.icon-basic-globe:before {
+ content: "S";
+}
+.icon-basic-gunsight:before {
+ content: "T";
+}
+.icon-basic-hammer:before {
+ content: "U";
+}
+.icon-basic-headset:before {
+ content: "V";
+}
+.icon-basic-heart:before {
+ content: "W";
+}
+.icon-basic-heart-broken:before {
+ content: "X";
+}
+.icon-basic-helm:before {
+ content: "Y";
+}
+.icon-basic-home:before {
+ content: "Z";
+}
+.icon-basic-info:before {
+ content: "0";
+}
+.icon-basic-ipod:before {
+ content: "1";
+}
+.icon-basic-joypad:before {
+ content: "2";
+}
+.icon-basic-key:before {
+ content: "3";
+}
+.icon-basic-keyboard:before {
+ content: "4";
+}
+.icon-basic-laptop:before {
+ content: "5";
+}
+.icon-basic-life-buoy:before {
+ content: "6";
+}
+.icon-basic-lightbulb:before {
+ content: "7";
+}
+.icon-basic-link:before {
+ content: "8";
+}
+.icon-basic-lock:before {
+ content: "9";
+}
+.icon-basic-lock-open:before {
+ content: "!";
+}
+.icon-basic-magic-mouse:before {
+ content: "\"";
+}
+.icon-basic-magnifier:before {
+ content: "#";
+}
+.icon-basic-magnifier-minus:before {
+ content: "$";
+}
+.icon-basic-magnifier-plus:before {
+ content: "%";
+}
+.icon-basic-mail:before {
+ content: "&";
+}
+.icon-basic-mail-multiple:before {
+ content: "'";
+}
+.icon-basic-mail-open:before {
+ content: "(";
+}
+.icon-basic-mail-open-text:before {
+ content: ")";
+}
+.icon-basic-male:before {
+ content: "*";
+}
+.icon-basic-map:before {
+ content: "+";
+}
+.icon-basic-message:before {
+ content: ",";
+}
+.icon-basic-message-multiple:before {
+ content: "-";
+}
+.icon-basic-message-txt:before {
+ content: ".";
+}
+.icon-basic-mixer2:before {
+ content: "/";
+}
+.icon-basic-mouse:before {
+ content: ":";
+}
+.icon-basic-notebook:before {
+ content: ";";
+}
+.icon-basic-notebook-pen:before {
+ content: "<";
+}
+.icon-basic-notebook-pencil:before {
+ content: "=";
+}
+.icon-basic-paperplane:before {
+ content: ">";
+}
+.icon-basic-pencil-ruler:before {
+ content: "?";
+}
+.icon-basic-pencil-ruler-pen:before {
+ content: "@";
+}
+.icon-basic-photo:before {
+ content: "[";
+}
+.icon-basic-picture:before {
+ content: "]";
+}
+.icon-basic-picture-multiple:before {
+ content: "^";
+}
+.icon-basic-pin1:before {
+ content: "_";
+}
+.icon-basic-pin2:before {
+ content: "`";
+}
+.icon-basic-postcard:before {
+ content: "{";
+}
+.icon-basic-postcard-multiple:before {
+ content: "|";
+}
+.icon-basic-printer:before {
+ content: "}";
+}
+.icon-basic-question:before {
+ content: "~";
+}
+.icon-basic-rss:before {
+ content: "\\";
+}
+.icon-basic-server:before {
+ content: "\e000";
+}
+.icon-basic-server2:before {
+ content: "\e001";
+}
+.icon-basic-server-cloud:before {
+ content: "\e002";
+}
+.icon-basic-server-download:before {
+ content: "\e003";
+}
+.icon-basic-server-upload:before {
+ content: "\e004";
+}
+.icon-basic-settings:before {
+ content: "\e005";
+}
+.icon-basic-share:before {
+ content: "\e006";
+}
+.icon-basic-sheet:before {
+ content: "\e007";
+}
+.icon-basic-sheet-multiple:before {
+ content: "\e008";
+}
+.icon-basic-sheet-pen:before {
+ content: "\e009";
+}
+.icon-basic-sheet-pencil:before {
+ content: "\e00a";
+}
+.icon-basic-sheet-txt:before {
+ content: "\e00b";
+}
+.icon-basic-signs:before {
+ content: "\e00c";
+}
+.icon-basic-smartphone:before {
+ content: "\e00d";
+}
+.icon-basic-spades:before {
+ content: "\e00e";
+}
+.icon-basic-spread:before {
+ content: "\e00f";
+}
+.icon-basic-spread-bookmark:before {
+ content: "\e010";
+}
+.icon-basic-spread-text:before {
+ content: "\e011";
+}
+.icon-basic-spread-text-bookmark:before {
+ content: "\e012";
+}
+.icon-basic-star:before {
+ content: "\e013";
+}
+.icon-basic-tablet:before {
+ content: "\e014";
+}
+.icon-basic-target:before {
+ content: "\e015";
+}
+.icon-basic-todo:before {
+ content: "\e016";
+}
+.icon-basic-todo-pen:before {
+ content: "\e017";
+}
+.icon-basic-todo-pencil:before {
+ content: "\e018";
+}
+.icon-basic-todo-txt:before {
+ content: "\e019";
+}
+.icon-basic-todolist-pen:before {
+ content: "\e01a";
+}
+.icon-basic-todolist-pencil:before {
+ content: "\e01b";
+}
+.icon-basic-trashcan:before {
+ content: "\e01c";
+}
+.icon-basic-trashcan-full:before {
+ content: "\e01d";
+}
+.icon-basic-trashcan-refresh:before {
+ content: "\e01e";
+}
+.icon-basic-trashcan-remove:before {
+ content: "\e01f";
+}
+.icon-basic-upload:before {
+ content: "\e020";
+}
+.icon-basic-usb:before {
+ content: "\e021";
+}
+.icon-basic-video:before {
+ content: "\e022";
+}
+.icon-basic-watch:before {
+ content: "\e023";
+}
+.icon-basic-webpage:before {
+ content: "\e024";
+}
+.icon-basic-webpage-img-txt:before {
+ content: "\e025";
+}
+.icon-basic-webpage-multiple:before {
+ content: "\e026";
+}
+.icon-basic-webpage-txt:before {
+ content: "\e027";
+}
+.icon-basic-world:before {
+ content: "\e028";
+}
diff --git a/css/style.css b/css/style.css
index e0d868b..4fb022d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -40,6 +40,16 @@ body {
margin-top: 10rem;
}
+
+.u-margin-top-medium {
+ margin-top: 4rem;
+}
+
+.u-padding-small {
+ padding: 2rem 0 5rem 0;
+}
+
+
body {
font-family: "Lato", "sans-serif";
font-weight: 400;
@@ -161,8 +171,105 @@ body {
}
.section-stories {
- padding: 15rem 0;
+
+ padding: 15rem 0 5rem 0;
+ position: relative;
+}
+
+.section-book {
+ padding: 15rem 0 20rem 0;
+ background-size: cover;
+}
+
+.book {
+ background-image: linear-gradient(105deg, rgba(247, 247, 247, 0.9), transparent, rgba(153, 153, 153, 0.6));
+ border-radius: 3px;
+ box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.3098039216);
+ height: 55rem;
+ width: 60%;
+ margin: 0 auto;
+}
+.book__form {
+ width: 100%;
+ padding: 6rem 0rem;
background-color: #f7f7f7;
+
+}
+
+.navigation__checkbox {
+ display: none;
+}
+.navigation__button {
+ background-color: #fff;
+ height: 7rem;
+ width: 7rem;
+ border-radius: 100px;
+ position: fixed;
+ top: 6rem;
+ right: 6rem;
+ z-index: 2500;
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.35);
+}
+.navigation__background {
+ height: 6rem;
+ width: 6rem;
+ border-radius: 100px;
+ position: fixed;
+ top: 6.5rem;
+ right: 6.5rem;
+ background-image: radial-gradient(#43703b, #061611);
+ z-index: 1000;
+ transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
+}
+.navigation__nav {
+ height: 100vh;
+ width: 0%;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2000;
+ transition: all 0.9s cubic-bezier(0.86, 0, 0.07, 1);
+}
+.navigation__list {
+ list-style: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ text-align: center;
+ width: 100%;
+}
+.navigation__item {
+ margin: 2rem;
+}
+.navigation__link:link, .navigation__link:visited {
+ display: inline-block;
+ font-size: 3rem;
+ font-weight: 300;
+ padding: 1rem 2rem;
+ color: #fff;
+ text-decoration: none;
+ text-transform: uppercase;
+ background-image: linear-gradient(120deg, transparent 0%, rgba(114, 114, 114, 0.662745098) 50%, #fff 100%);
+ background-size: 220%;
+ transition: all 0.5s;
+}
+.navigation__link:link span, .navigation__link:visited span {
+ margin-right: 1.5rem;
+ display: inline-block;
+}
+.navigation__link:hover, .navigation__link:active {
+ color: #061611;
+ background-position: 100%;
+ transform: translateX(1rem);
+}
+.navigation__checkbox:checked ~ .navigation__background {
+ transform: scale(80);
+}
+.navigation__checkbox:checked ~ .navigation__nav {
+ width: 100%;
+ opacity: 1;
}
.header {
@@ -226,6 +333,49 @@ body {
width: calc(3 * (100% - 3 * 6rem) / 4 + 2 * 6rem);
}
+.footer {
+ background-color: #061611;
+ padding: 10rem 0;
+ font-size: 1rem;
+ text-align: center;
+}
+.footer__logo-box img {
+ width: 15rem;
+ height: auto;
+}
+.footer__navigation {
+ padding-top: 2rem;
+ display: inline-block;
+}
+.footer__item {
+ display: inline-block;
+}
+.footer__item:not(:last-child) {
+ margin-right: 1.5rem;
+}
+.footer__link:link, .footer__link:visited {
+ background-color: #061611;
+ color: #999;
+ text-decoration: none;
+ text-transform: uppercase;
+ display: inline-block;
+ transition: all 0.2s;
+}
+.footer__link:hover, .footer__link:active {
+ color: #55c57a;
+ text-shadow: 0 1rem 2rem #55c57a;
+ transform: rotate(1deg) scale(1.5);
+}
+.footer__copyright {
+ color: #999;
+ padding-top: 2rem;
+}
+.footer__copyright a {
+ color: #ff7730;
+ font-size: 1.5rem;
+ text-decoration: dotted;
+}
+
.composition {
position: relative;
}
@@ -260,7 +410,7 @@ body {
transform: scale(0.95);
}
-.btn:link, .btn:visited {
+.btn, .btn:link, .btn:visited {
text-decoration: none;
text-transform: uppercase;
padding: 1.5rem 4rem;
@@ -270,12 +420,14 @@ body {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2392156863);
position: relative;
font-size: 1.6rem;
+ border: none;
+ cursor: pointer;
}
-.btn:hover {
+.btn:hover, .btn:focus {
transform: translateY(-0.3rem);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1019607843);
}
-.btn:hover::after {
+.btn:hover::after, .btn:focus::after {
transform: scaleX(1.1) scaleY(1.1);
opacity: 0;
}
@@ -478,7 +630,9 @@ body {
width: 75%;
margin: 0 auto;
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.2392156863);
- background-color: #fff;
+
+ background-color: rgba(255, 255, 255, 0.5);
+
border-radius: 3px;
padding: 6rem;
padding-left: 9rem;
@@ -528,4 +682,122 @@ body {
filter: blur(5px) contrast(110%) brightness(65%);
}
+
+.bg-video {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 177.5%;
+ width: 100%;
+ z-index: -1;
+ opacity: 0.2;
+ overflow: hidden;
+}
+.bg-video__content {
+ height: 100%;
+ width: 100%;
+ object-fit: cover;
+}
+
+.form {
+ text-align: center;
+ width: 100%;
+}
+.form__group:not(:last-child) {
+ margin-bottom: 2rem;
+}
+.form__input {
+ margin: 0 auto 0 13.5rem;
+ font-size: 1.6rem;
+ font-family: inherit;
+ color: inherit;
+ padding: 1.5rem 2rem;
+ border-radius: 3px;
+ background-color: transparent;
+ border: none;
+ font-weight: 800;
+ border-bottom: 2px solid #061611;
+ width: 60%;
+ display: block;
+ transition: all 0.3s;
+}
+.form__input:focus {
+ outline: none;
+ box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
+ border-bottom: 3px solid #55c57a;
+ background-color: transparent;
+}
+.form__input:focus:invalid {
+ border-bottom: 2px solid #ff7730;
+ background-color: transparent;
+}
+.form__input::-webkit-input-placeholder {
+ color: #999;
+}
+.form__label {
+ text-align: left !important;
+ font-size: 1.2rem;
+ font-weight: 700;
+ margin-left: -30rem;
+ margin-top: 0.7rem;
+ display: inline-block;
+ transition: all 0.3s ease-in;
+}
+.form__input:placeholder-shown + .form__label {
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(-4rem);
+}
+.form__group:nth-child(4) {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: nowrap;
+ width: 70%;
+ margin: 0 auto;
+}
+.form__radio-input {
+ display: none;
+}
+.form__radio-label {
+ font-size: 1.6rem;
+ cursor: pointer;
+ position: relative;
+ padding-left: 2.9rem;
+}
+.form__radio-button {
+ height: 2rem;
+ width: 2rem;
+ border: 4px solid #43703b;
+ border-radius: 50%;
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: -0.12rem;
+}
+.form__radio-button::after {
+ content: "";
+ display: block;
+ border-radius: 50%;
+ height: 1rem;
+ width: 1rem;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ background-color: #43703b;
+ opacity: 0;
+ transition: opacity 0.1s;
+}
+.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
+ opacity: 1;
+}
+.form__button {
+ display: flex !important;
+ text-align: left;
+ width: 68%;
+ justify-content: center;
+ align-items: center;
+}
+
+
/*# sourceMappingURL=style.css.map */
diff --git a/css/style.css.map b/css/style.css.map
index 0cf8d85..cf158bc 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1,6 @@
-{"version":3,"sourceRoot":"","sources":["../sass/base/_typeography.sass","../sass/base/_base.sass","../sass/base/_utillities.sass","../sass/abstracts/_variables.sass","../sass/base/_animations.sass","../sass/pages/_home.sass","../sass/layout/_header.sass","../sass/layout/_grid.sass","../sass/abstracts/_mixins.sass","../sass/components/_composition.sass","../sass/components/_button.sass","../sass/components/_featurebox.sass","../sass/components/_card.sass","../sass/components/_story.sass"],"names":[],"mappings":"AAAQ;ACCR;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;ACZF;EACI;EACA;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AACJ;EACI;;;AFlBJ;EACE;EACA;EACA,WGckB;EHblB;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE,WG7BkB;EH8BlB;EACA;;;AACF;EACE,WGjCkB;;AHkClB;EACE;;;AIlDJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;;AC5BJ;EACI,kBFUiB;EETjB;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAER;EACI,kBFRiB;EESjB;EACA;;;AAIJ;EACI;EACA,kBFhBiB;;;AGXrB;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACI,WJoBS;EInBT;;ACDD;EACE;EACA;EACA;;ADCD;EACI,eJgBU;;AIbd;EACI;;AACA;EACG,cJWQ;;AITf;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AEhCR;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACJ;EACI;EACA;;AACJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAER;EACI;;;AC1BN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WPMgB;;AOJlB;EACE;EACA;;AACA;EACE;EACA;;AAEJ;EACE;EACA;;AAGF;EACE,kBPbU;EOcV,OPfc;;AOgBd;EACG;;AACL;EACE,kBPhCY;EOiCZ,OPnBU;;AOoBV;EACG,kBPnCS;;AOqCd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;;AAKA;EAEE,WPvCc;EOwCd,OP1DU;EO2DV;EACA;EACA;EACA;EACA;EACA;;AACF;EACE,kBPlEU;EOmEV,OPrDQ;EOsDR;EACA;;AACF;EACE;EACA;;;ACxEN;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACG;EACA;EACA;EACA;EACA;;AAOH;EACG;;;ACtBN;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBTPE;;ASQN;EACI;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAGZ;EACI;;AAEJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;EACA;EACA;EACA;EACA,OT3CM;ES4CN;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEA;EACG;;AAEf;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AC1GR;EACI;EACA;EACA;EACA,kBVUU;EUTV;EACA;EACA;EACA,WVUgB;EUThB;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA,OVtBM;EUuBN;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;;AAEJ;EACI;EACA","file":"style.css"}
\ No newline at end of file
+<<<<<<< HEAD
+{"version":3,"sourceRoot":"","sources":["../sass/base/_typeography.sass","../sass/base/_base.sass","../sass/base/_utillities.sass","../sass/abstracts/_variables.sass","../sass/base/_animations.sass","../sass/pages/_home.sass","../sass/layout/_navigation.sass","../sass/layout/_header.sass","../sass/layout/_grid.sass","../sass/abstracts/_mixins.sass","../sass/layout/_footer.sass","../sass/components/_composition.sass","../sass/components/_button.sass","../sass/components/_featurebox.sass","../sass/components/_card.sass","../sass/components/_story.sass","../sass/components/_bg-video.sass","../sass/components/_form.sass"],"names":[],"mappings":"AAAQ;ACCR;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;ACZF;EACI;EACA;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AACJ;EACI;;;AACJ;EACI;;;AAEJ;EACI;;;AFvBJ;EACE;EACA;EACA,WGckB;EHblB;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE,WG7BkB;EH8BlB;EACA;;;AACF;EACE,WGjCkB;;AHkClB;EACE;;;AIlDJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;;AC5BJ;EACI,kBFUiB;EETjB;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAER;EACI,kBFRiB;EESjB;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AC7CJ;EACI;;AAGJ;EACI,kBHQM;EGPN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAIA;EAEI;EACA;EACA;EACA;EACA,OH5CE;EG6CF;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AACR;EAGI,OHrES;EGsET;EACA;;AAER;EACI;;AAEJ;EACI;EACA;;;AChFR;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACI,WLoBS;EKnBT;;ACDD;EACE;EACA;EACA;;ADCD;EACI,eLgBU;;AKbd;EACI;;AACA;EACG,cLWQ;;AKTf;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AEhCR;EACG,kBPCkB;EOAlB;EACA;EACA;;AAGG;EACG;EACA;;AACN;EACG;EACA;;AAKH;EACG;;AACA;EACG;;AAEH;EAEG,kBPtBY;EOuBZ,OPZW;EOaX;EACA;EACA;EACA;;AACH;EAEG,OPhCO;EOiCP;EACA;;AAEN;EACG,OPxBc;EOyBd;;AACA;EACG,OPlCgB;EOmChB;EACA;;;AC1CT;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACJ;EACI;EACA;;AACJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAER;EACI;;;AC1BN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WTKgB;ESHhB;EACA;;AAEF;EAEE;EACA;;AACA;EACE;EACA;;AAEJ;EACE;EACA;;AAGF;EACE,kBTlBU;ESmBV,OTrBc;;ASsBd;EACG;;AACL;EACE,kBTrCY;ESsCZ,OTxBU;;ASyBV;EACG,kBTxCS;;AS0Cd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;;AAKA;EAEE,WT5Cc;ES6Cd,OT/DU;ESgEV;EACA;EACA;EACA;EACA;EACA;;AACF;EACE,kBTvEU;ESwEV,OT1DQ;ES2DR;EACA;;AACF;EACE;EACA;;;AC7EN;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACG;EACA;EACA;EACA;EACA;;AAOH;EACG;;;ACtBN;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBXPE;;AWQN;EACI;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAGZ;EACI;;AAEJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;EACA;EACA;EACA;EACA,OX3CM;EW4CN;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEA;EACG;;AAEf;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AC1GR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WZUgB;EYThB;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA,OZtBM;EYuBN;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;;AAEJ;EACI;EACA;;;AClDR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACbR;EACG;EACA;;AAGA;EACG;;AAEH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE,OdrBY;;AcuBjB;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEH;EACG;EACA;EACA;;AAEH;EACG;EACA;EACA;EACA;EACA;;AAIH;EACG;;AAEH;EACG,Wd7Cc;Ec8Cd;EACA;EACA;;AAEH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBdxFc;EcyFd;EACA;;AAGL;EACG;;AAEH;EACG;EACA;EACA;EACA;EACA","file":"style.css"}
+=======
+{"version":3,"sourceRoot":"","sources":["../sass/base/_typeography.sass","../sass/base/_base.sass","../sass/base/_utillities.sass","../sass/abstracts/_variables.sass","../sass/base/_animations.sass","../sass/pages/_home.sass","../sass/layout/_header.sass","../sass/layout/_grid.sass","../sass/abstracts/_mixins.sass","../sass/layout/_footer.sass","../sass/components/_composition.sass","../sass/components/_button.sass","../sass/components/_featurebox.sass","../sass/components/_card.sass","../sass/components/_story.sass","../sass/components/_bg-video.sass","../sass/components/_form.sass"],"names":[],"mappings":"AAAQ;ACCR;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;ACZF;EACI;EACA;;;AAKJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AACJ;EACI;;;AACJ;EACI;;;AAEJ;EACI;;;AFvBJ;EACE;EACA;EACA,WGckB;EHblB;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE,WG7BkB;EH8BlB;EACA;;;AACF;EACE,WGjCkB;;AHkClB;EACE;;;AIlDJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;EACF;IACE;IACA;;;AAEJ;EACE;IACE;IACA;;EACF;IACE;;;AC5BJ;EACI,kBFUiB;EETjB;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAER;EACI,kBFRiB;EESjB;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AC9CR;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACI,WJoBS;EInBT;;ACDD;EACE;EACA;EACA;;ADCD;EACI,eJgBU;;AIbd;EACI;;AACA;EACG,cJWQ;;AITf;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAGJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AEhCR;EACG,kBNCkB;EMAlB;EACA;;AAEA;EACG;;AACA;EACG;EACA;;AACN;EACG;EACA;EACA;;AAKH;EACG;;AACA;EACG;;AAEH;EAEG,kBNvBY;EMwBZ,ONbW;EMcX;EACA;EACA;EACA;;AACH;EAEG,ONjCO;EMkCP;EACA;;AAEN;EACG,ONzBc;EM0Bd;EACA;;AACA;EACG,ONpCgB;EMqChB;EACA;;;AC5CT;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AACJ;EACI;EACA;;AACJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAER;EACI;;;AC1BN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WRKgB;EQHhB;EACA;;AAEF;EAEE;EACA;;AACA;EACE;EACA;;AAEJ;EACE;EACA;;AAGF;EACE,kBRlBU;EQmBV,ORrBc;;AQsBd;EACG;;AACL;EACE,kBRrCY;EQsCZ,ORxBU;;AQyBV;EACG,kBRxCS;;AQ0Cd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;;AAKA;EAEE,WR5Cc;EQ6Cd,OR/DU;EQgEV;EACA;EACA;EACA;EACA;EACA;;AACF;EACE,kBRvEU;EQwEV,OR1DQ;EQ2DR;EACA;;AACF;EACE;EACA;;;AC7EN;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACG;EACA;EACA;EACA;EACA;;AAOH;EACG;;;ACtBN;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI,kBVPE;;AUQN;EACI;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAGZ;EACI;;AAEJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;EACA;EACA;EACA;EACA,OV3CM;EU4CN;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AACJ;EACI;;AACJ;EACI;;AAER;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEA;EACG;;AAEf;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AC1GR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WXUgB;EWThB;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA,OXtBM;EWuBN;EACA;EACA;EACA;EACA;EACA;EACA;;AACJ;EACI;EACA;;AAEJ;EACI;EACA;;;AClDR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACbR;EACG;EACA;;AAGA;EACG;;AAEH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE,ObrBY;;AauBjB;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEH;EACG;EACA;EACA;;AAEH;EACG;EACA;EACA;EACA;EACA;;AAIH;EACG;;AAEH;EACG,Wb7Cc;Ea8Cd;EACA;EACA;;AAEH;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBbxFc;EayFd;EACA;;AAGL;EACG;;AAEH;EACG;EACA;EACA;EACA;EACA","file":"style.css"}
+
+>>>>>>> 95f30d0936ce72bd8b305bd7e8d5352d67e2c8da
diff --git a/img/sss.jpg b/img/sss.jpg
new file mode 100644
index 0000000..b7cdd4d
Binary files /dev/null and b/img/sss.jpg differ
diff --git a/index.html b/index.html
index 55366d2..e25dcb1 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,20 @@
Natours | Exciting tours for adventurous people
+