Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

commit #63

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

commit #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fdb8dac
OntiFood sass dependence added
Nov 11, 2020
d801175
commit
Nov 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
26 changes: 26 additions & 0 deletions Natours/starter/.vscode/launch.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Attach to Chrome",
"port": 9222,
"request": "attach",
"type": "pwa-chrome",
"webRoot": "${workspaceFolder}"
},
{
"name": "Launch Chrome",
"request": "launch",
"type": "pwa-chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}




]
}
143 changes: 142 additions & 1 deletion Natours/starter/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,145 @@ Light green: #7ed56f
Medium green: #55c57a
Dark green: #28b485

*/
*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-size: 16px;
font-weight: 400;
font-family: "Lato", sans-serif;
line-height: 1.7;
color: rgb(255, 255, 255);
padding: 30px;
}
header {
height: 95vh;
background-image: linear-gradient(to right, #7ed56fc2, #28b485d0),
url(../img/hero.jpg);
background-size: cover;
background-position: top;
position: relative;
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}
.logo-box {
position: absolute;
top: 40px;
left: 40px;
}
.logo {
height: 34px;
}
.text-box {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.btn:link,
.btn:visited {
text-decoration: none;
text-transform: uppercase;
position: relative;
transition: all 0.2s;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px #252726d0;
}
.btn:active {
transform: translateY(-1px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.btn-white {
background-color: #fff;
color: #777;
padding: 10px 40px;
border-radius: 100px;
display: inline-block;
}
.btn::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 100px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.4s;
}
.btn-white::after {
background-color: white;
}
.btn:hover::after {
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.btn-animated {
animation: moveInBottom .5s ease-out .75s ;
animation-fill-mode: backwards;
}
.heading-primary {
color: #ffffff;
text-transform: uppercase;
margin-bottom: 60px;
}
.heading-primary-main {
letter-spacing: 35px;
display: block;
font-weight: 400;
font-size: 60px;
animation-name: moveInRight;
animation-duration: 1s;
animation-timing-function: ease-out;
backface-visibility: hidden;
}
.heading-priamry-sub {
letter-spacing: 16.4px;
display: block;
font-weight: 700px;
font-size: 20px;
animation: moveToLeft ease-out 1s;
backface-visibility: hidden;
}
@keyframes moveInRight {
1% {
opacity: 0;
transform: translateX(-100%) rotate(90deg);
}
80% {
transform: translateX(10%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes moveToLeft {
1% {
opacity: 0;
transform: translateX(100%) rotate(90deg);
}
80% {
transform: translateX(-10%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes moveInBottom {
1% {
opacity: 0;
transform: translateY(30%) ;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
16 changes: 14 additions & 2 deletions Natours/starter/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,20 @@

<title>Natours | Exciting tours for adventurous people</title>
</head>
<body>

<body>
<header class="header">
<div class="logo-box">
<img src="../starter/img/logo-white.png" alt="logo" class="logo">
</div>
<div class="text-box">
<h1 class="heading-primary">
<span class="heading-primary-main">Outdoors</span>
<span class="heading-priamry-sub">is where life happens</span>
</h1>
<a href="#" class="btn btn-white btn-animated">Discour our tours</a>
</div>

</header>

</body>
</html>
1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/mkdirp
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/node-gyp
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/node-sass
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/node-which
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/nopt
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/rimraf
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/sassgraph
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/semver
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/sshpk-conv
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/sshpk-sign
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/sshpk-verify
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/strip-indent
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions Natours/starter/node_modules/.bin/uuid
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

46 changes: 46 additions & 0 deletions Natours/starter/node_modules/abbrev/LICENSE
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

23 changes: 23 additions & 0 deletions Natours/starter/node_modules/abbrev/README.md
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

61 changes: 61 additions & 0 deletions Natours/starter/node_modules/abbrev/abbrev.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading