Skip to content
This repository was archived by the owner on Oct 26, 2020. It is now read-only.

Html css homework week3 ekip kalir #76

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

Html css homework week3 ekip kalir #76

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
62c1593
Update index.html
ISTANBULBEKLE May 31, 2020
cd57c8d
Create 01_rainbowcake_brand_logo.jpg
ISTANBULBEKLE May 31, 2020
b60a392
styles is revised brand logo added
ISTANBULBEKLE May 31, 2020
4e73e66
Update style.css
ISTANBULBEKLE Jun 1, 2020
3514885
Update index.html
ISTANBULBEKLE Jun 1, 2020
e27ad5e
Update .DS_Store
ISTANBULBEKLE Jun 1, 2020
1dcd6ac
Update index.html
ISTANBULBEKLE Jun 1, 2020
3a8b10e
new images added
ISTANBULBEKLE Jun 2, 2020
00c1327
Update index.html
ISTANBULBEKLE Jun 2, 2020
ec7acb9
Update style.css
ISTANBULBEKLE Jun 2, 2020
857bc3c
style.css is revised
ISTANBULBEKLE Jun 2, 2020
211dc17
cards are revised
ISTANBULBEKLE Jun 2, 2020
c2fb44f
Update style.css
ISTANBULBEKLE Jun 2, 2020
e183302
Update style.css
ISTANBULBEKLE Jun 2, 2020
cd19ffa
Update style.css
ISTANBULBEKLE Jun 2, 2020
0d1a5b1
Update style.css
ISTANBULBEKLE Jun 2, 2020
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
Prev Previous commit
Next Next commit
Update index.html 
navbar is stylied
  • Loading branch information
@ISTANBULBEKLE
ISTANBULBEKLE committed Jun 1, 2020
commit 35148853ec05c2a50b3b509151fbd23748a8402e
114 changes: 48 additions & 66 deletions week3/2-website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,105 +1,87 @@
<!DOCTYPE html>
<!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>Responsive Cake webpage</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Cakestore</title>
</head>

<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="images/01_rainbowcake_brand_logo.jpg">Navbar</a>
<a class="navbar-brand" href="#">
<img src="images/01_rainbowcake_brand_logo.jpg" width="30" height="30" class="d-inline-block align-top" alt=""
loading="lazy">
Cakestore
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
<a class="nav-link" href="#">Contact</a>
</li>

</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<input class="form-control mr-sm-2" type="search" placeholder="Search for cake types" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>

</header>

<br>
<section class="button-top">
<div class="row rounded bg-light mx-3 my-3 px-3 py-3">
<div class="col-md "><button type="button" class="btn btn-outline-secondary">Home</button></div>
<div class="col-md "><button type="button" class="btn btn-outline-secondary">Cakes</button></div>
<div class="col-md "><button type="button" class="btn btn-outline-secondary">Orderings</button></div>
<div class="col-md "><button type="button" class="btn btn-outline-secondary">Lessons</button></div>
<div class="col-md "><button type="button" class="btn btn-outline-secondary">About</button></div>
</div>
</section>
<br>
<main>
<section class="about">
<h1>Let Them Eat Cake</h1>
<section class="aside-left">
<div class="row rounded bg-light mx-3">
<div class="col border border-secondary rounded" style="height:50%">
<h1 class="h1"> Hello, and welcome to the Cakestore.</h1>
<p class="">We do produce wonderful cakes for nearly 30 years. We love our products and want everyone to
taste these
art of triets.</p>
</div>
<div class="col">

<h3>Feeding the cake deprived since 2020</h3>
</div>
</div>

<img class="cupcakes" src="../images/Cakes/cupcakes.jpg" alt="Cupcakes with sprinkles" />
</section>

<section class="example-cakes">
<h3>Just a small sample of our bakes:</h3>
<ul>
<li>
<img class="images" src="../images/Cakes/cake-with-blackberries.jpg"
alt="Sponge cake with blackberries and flowers" />
</li>
<li>
<img class="images" src="../images/Cakes/wedding-cake.jpg" alt="Wedding cake" />
</li>
<li>
<img class="images" src="../images/Cakes/cake-with-macarons.jpg" alt="Cake decorated with macarons" />
</li>
<li>
<img class="images" src="../images/Cakes/not-technically-a-cake.jpg" alt="Frangipane with raspberries" />
</li>
</ul>
<section class="main-carossel">

</section>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</main>

<footer class="footer">
<ul>
<li><a href="">Sitemap</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Delivery</a></li>
</ul>
</footer>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>

</html>