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.

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

Create Home Page for Website #17

Open
wants to merge 15 commits into
base: main
Choose a base branch
from
66 changes: 66 additions & 0 deletions css/home_style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
.bg{
object-fit: cover;
display: flex;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
opacity: 0.6;
}
.txt{
bottom: 450px;
position: relative;

}
.txt1{display: flex;
position: relative;
justify-content: center;
align-items: center;
margin-top: 10px;

}
.txt2{
display: flex;
margin-top: 20px;
position: relative;
justify-content: center;
align-items: center;


}
.form{
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0px;
bottom: 415px;
padding: 0px;


}
.from{
margin: 3px;
border-radius: 5px;
}
.rev-icon{width: 15px;
height: 15px;

}
.to{
margin: 3px;
border-radius: 5px;
}
.dt{
margin: 3px;
border-radius: 5px;
}
.botton{
position:relative;
display: flex;
justify-content: center;
align-items: center;
bottom: 365px;

}


Binary file added img/bg.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 img/revert-hand-drawn-arrows.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 6 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">

<!-- custome css for home page -->
<link rel="stylesheet" href="css/home_style.css">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@codervivek5 you have to use styles.css to style the elements in index.html . Don't need to create a new css file . Put the css in styles. css file only

Copy link
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @unnikrishnan2002 for being so helpful in supporting your fellow mentee. Appreciate your willingness to do so.

Are you able to do so @codervivek5

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes i will do that...



</head>

<body>
Expand Down Expand Up @@ -220,7 +224,7 @@ <h5 class="text-uppercase">Travel</h5>
<a href="#!" class="text-white">Booking Services</a>
</li>
<li>
<a href="#!" class="text-white">Trip Planner</a>
<a href="#!" class="text-white">Trip Planner</a>
</li>

</ul>
Expand Down Expand Up @@ -276,4 +280,5 @@ <h5 class="text-uppercase">Terms of Use </h5>
</body>



</html>