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

nothing #2475

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

nothing #2475

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 20 additions & 0 deletions .codesandbox/workspace.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"responsive-preview": {
"Mobile": [
320,
675
],
"Tablet": [
1024,
765
],
"Desktop": [
1400,
800
],
"Desktop HD": [
1920,
1080
]
}
}
30 changes: 30 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>fareed's</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<section id="about-image">
<h1>ABOUT</h1>
</section>

<section id="about">
<h2>About FAREED'S</h2>
<hr />
<h4>
FAREED'S is a Middle Eastern restaurant that offers authentic Iraqi
cuisine. Seasoned according to age-old recipes and cooked to perfection,
our menu is guaranteed to satisfy. We strive to meet everyone’s dietary
restrictions to enjoy our food, and we never compromise on authentic
flavor and rich taste. If you are ready to enjoy some delicious food and
refreshing drinks, please visit us at FAREED'S today.
</h4>

<h5>Iraq iFood|Outdoor seating |Halal</h5>
</section>
</body>
</html>
132 changes: 132 additions & 0 deletions css/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
.image1 {
width: 30%;
border-radius: 90%;
}
.image2 {
width: 500px;

border-radius: 90%;
}
.image4 {
width: 500px;
border-radius: 90%;
}
.nav-link {
font-size: 1.4rem;
color: #fff;
font-weight: light;
}
#intro {
padding-right: 220px;
padding: 180px;
text-align: center;
font-weight: bold;
font-size: 4rem;
color: red;
background-image: url("https://b.zmtcdn.com/web_assets/81f3ff974d82520780078ba1cfbd453a1583259680.png");
}
#last-pic {
background-image: url("https://d2ugbn5gb88fyp.cloudfront.net/1028146/0_0.jpg");
padding: 130px;
font-size: 5rem;
text-align: center;
font-weight: bold;
}

#start {
padding: 40px;
font-size: 1.2rem;
background-color: #c7bca1;
}
#first {
padding: 60px;
font-size: 2rem;

text-align: left;
background-color: #ff5f00;
}
#second {
background-color: #abc4aa;
}
#third {
padding: 60px;
font-size: 2rem;

text-align: left;
background-color: #abc4aa;
}
#testimonials {
padding: 40px;
background-color: #ef8172;
text-align: center;

font-family: "Montserrat";
}
td {
padding-right: 150px;
}
h1 {
color: white;
}
h2 {
color: black;
}
p {
color: white;
font-weight: lighter;
}
.image3 {
width: 400px;
border-radius: 100%;
}
.rotate {
animation: rotation 50s infinite linear;
}

@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
#about-image {
padding: 150px;
font-size: 3rem;
text-align: center;
color: black;
font-weight: bold;
background-image: url("https://d2ugbn5gb88fyp.cloudfront.net/1028143/0_0.jpg");
}
#about {
background-color: #c7bca1;
padding: 40px;
font-size: 1.5rem;
font-weight: light;
text-align: center;
color: white;
}
#GALLERY {
background-color: #cdc1a3;
font-size: 3rem;
padding: 80px;
text-align: center;
}
h4 {
color: black;
}
h5 {
color: black;
font-weight: light;
text-align: center;
}

.pics {
margin: 5px;
width: 500px;
height: 320px;
}
.pics:hover {
zoom: 10px;
}
97 changes: 97 additions & 0 deletions gallery.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>fareed's</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<section id="GALLERY">
<h2>GALLERY</h2>



<div class="row">
<div class="column">
<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028155/0_0.png"
alt=""
/>

<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028154/0_0.png"
alt=""
/>
</div>


<div class="row">
<div class="column">
<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028156/0_0.png"
alt=""
/>

<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028157/0_0.png"
alt=""
/>
</div>


<div class="row">
<div class="column">
<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028158/0_0.png"
alt=""
/>

<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028159/0_0.png"
alt=""
/>
</div>


<div class="row">
<div class="column">
<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028160/0_0.png"
alt=""
/>

<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028161/0_0.png"
alt=""
/>
</div>


<div class="row">
<div class="column">
<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028162/0_0.png"
alt=""
/>

<img
class="pics"
src="https://d2ugbn5gb88fyp.cloudfront.net/1028163/0_0.png"
alt=""
/>
</div>
</div>
</section>
</body>
</html>
Loading