Skip to content
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