Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

BEKIR-ResponsiveCakeWebsite-Week3-London #514

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

BEKIR-ResponsiveCakeWebsite-Week3-London #514

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
8db59b2
Updated HTML and CSS
BekirKuscu Feb 5, 2023
4d94777
Updated HTML and CSS
BekirKuscu Feb 5, 2023
f9a9d71
Update HTML
BekirKuscu Feb 5, 2023
7f5b647
Updated CSS
BekirKuscu Feb 5, 2023
762edd2
Updated HTML
BekirKuscu Feb 5, 2023
271cb19
Updated CSS
BekirKuscu Feb 5, 2023
2a2739f
CSS updated
BekirKuscu Feb 13, 2023
14e8734
HTML updated
BekirKuscu Feb 19, 2023
b32f9fa
CSS updated
BekirKuscu Feb 19, 2023
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
53 changes: 49 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,56 @@
<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>
<!-- Add a link to your css file here -->
<link rel="stylesheet" href="style.css" />
</head>

<body>
<!-- Add your markup here -->
</body>

<title>Cake site</title>
<div class="div1">
<header>
<h1>Cake Site</h1>
</header>

</html>
<nav>
<img class="Cake-image" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image of a cake" />
<ul class="list">
<li><a href="file:///home/bk/Documents/GitHub/HTML-CSS-Coursework-Week3-Cake/index.html"><button type="button">Home</button></a></li>
<li><a href="google.com"><button type="button">About Us</button></a></li>
<li><a href="instagram.com"><button type="button">Contact</button></a></li>
</ul>
<p class="site-info">This is a website about cakes. YES, about cakes. kldajklsajdlkasjdklasjdklasjlkdjsalkdjlksajdlkasjdlksajdlksa.</p>
</nav>
</div>

<main>
<div class="first-div">
<h1 class="welcome">WELCOME</h1>
<p class="p2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, libero at commodo luctus, sapien enim tempor libero, vel congue nisi nisi id dui. Fusce euismod quis sapien vel malesuada. Aliquam tincidunt sapien at ipsum rhoncus, vitae bibendum magna blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, libero at commodo luctus, sapien enim tempor libero, vel congue nisi nisi id dui. Fusce euismod quis sapien vel malesuada. Aliquam tincidunt sapien at ipsum rhoncus, vitae bibendum magna blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, libero at commodo luctus, sapien enim tempor libero, vel congue nisi nisi id dui. Fusce euismod quis sapien vel malesuada. Aliquam tincidunt sapien at ipsum rhoncus, vitae bibendum magna blandit.
</p>
<img class="cake-image2" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image 2 of cake" />
</div>
<div class="cake-line">
<ul class="list1">
<li><img class="cake-image3" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image 3 of cake" /></li>
<li><img class="cake-image4" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image 4 of cake" /></li>
</ul>
<!-- <div class="cake-line"> -->
<ul class="list2">
<li><img class="cake-image3" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image 3 of cake" /></li>
<li><img class="cake-image4" src="https://cdn.shopify.com/s/files/1/0272/5848/6851/products/red-velvet-cake-864292.jpg" alt="Image 4 of cake" /></li>
</ul>
</div>
</main>


<footer>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, libero at commodo luctus, sapien enim tempor libero, vel congue nisi nisi id dui. Fusce euismod quis sapien vel malesuada. Aliquam tincidunt sapien at ipsum rhoncus, vitae bibendum magna blandit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</footer>

</body>
</html>
Loading