-
π» Software Engineering WheelsEye
-
π± Iβm currently learning How to write clean code
-
π¬ Ask me about Vue, React & UI Designing
-
π¨βπ» All of my projects are available at HERE
-
π Know about my experiences HERE - My Portfolio Website
-
π« Reach out to me at [email protected]
-
β‘ Fun fact I love teaching
acciojob-zomato-clone's Introduction
acciojob-zomato-clone's People
Forkers
tshivams krishfredrick shiva1938 10nikhil01 ayushising sk-0911 ab252000 shubhamgupta8423535862 tigertauseef563 koushik-das123 codernasim2023acciojob-zomato-clone's Issues
Logo size issue
First of all thank you for this video
CSS code:
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
body{
margin: 0;
padding: 0;
text-decoration: none;
font-family: 'Poppins',sans-serif;
}
header{
width: 100%;
height: 70vh;
overflow: hidden;
position: relative;
object-fit: cover;
margin-bottom: 2rem;
}
.main-photo{
width: 100%;
position: absolute;
top: -20vh;
z-index: -1;
}
.main-photo img{
width: 100%;
}
.option{
display: flex;
justify-content: space-between;
align-items: center;
color:white;
font-size: 1rem;
margin: 0 40 px;
}
.option-bar{
list-style: none;
font-weight: lighter;
display: flex;
gap: 1.5rem
}
.entrance{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 7vh;
align-items: center;
}
.logo{
width: 20vw;
}
.entrance h3 {
font-size: 2.1rem;
color: whitesmoke;
font-weight: 400;
}
.search {
display: flex;
width: 55vw;
/* justify-content: center; */
align-items: center;
border-radius: 10px;
background: white;
padding: 5px 4px
}
.search .item{
display: flex;
align-items: center;
margin-left: 10px;
}
.search .item p {
color: gray;
border-right: 1px solide gray;
font-size: 15px;
margin-right: 10px;
padding-left: 10px;
}
.search .item input {
outline: none;
border: none;
width: 200%;
padding-left: 10px;
font-size: 15px;
}
.search .item:first-child{
width: 30%;
color: rgb(255, 126, 139);
}
.search .item:last-child{
width: 70%;
color: gray;
}
HTML code:
zomato.txt
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.