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

Glasgow_6-Haroun- HTML-CSS-Coursework-Week3 #510

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

Glasgow_6-Haroun- HTML-CSS-Coursework-Week3 #510

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@

*.css
Binary file added img/cake layers.webp
View file
Open in desktop
Binary file not shown.
Binary file added img/cakeb-removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/cream-removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/istockphoto--removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/pastries-removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/pastry.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/pearl double tier.webp
View file
Open in desktop
Binary file not shown.
Binary file added img/web_unicorn_cake-removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
96 changes: 89 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,97 @@
<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>
<!-- Add a link to your css file here -->
<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>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Add a link to your css file here -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>

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

<header>
<!--Header part-->
<article class="head">
<img src="img/cream-removebg-preview.png" class="head-pic" alt="ice cream photo">
<div>
<p>The best cakes in town delivered to your door</p>
</div>
</article>


<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-bars"> </i>
</label>
<ul class="nav-menu">
<li><a class="active" href="index.html"> HOME</a></li>
<li><a href="#"> CAKES</a></li>
<li><a href="#"> ORDERIN</a></li>
<li><a href="#"> LESSONS</a></li>
<li><a href="#"> ABOUT</a></li>
</ul>
</nav>
</header>
<main class="container">
<section class="hero">
<img src="img/cake layers.webp" class="hero-pic" alt="birthday cake two layers">
<div class="hero-text">
<h2 id="intro">Welcome</h2>
<p>Welcome in our website about cakes and ice cream</p>
<p>
Welcome to the world of ice cream! Indulge in a sweet and creamy
treat that's perfect for any occasion. From classic flavors like
vanilla and chocolate to more unique options like mint chocolate
chip and rocky road, there's something for everyone. Whether you
prefer your ice cream in a cone, a bowl, or as a sundae, we have
you covered. Browse our selection and find your new favorite
flavor today!
</p>

</div>



</section>





<section class="mid-content" >
<img src="img/web_unicorn_cake-removebg-preview.png" class="mid-cake-pic" alt="web_unicorn_cake photo" />
</section>
<section class="mid-content">
<img src="img/cakeb-removebg-preview.png" class="mid-cake-pic" alt="cake photo" />
</section>
<section class="mid-content">
<img src="img/istockphoto--removebg-preview.png" class="mid-cake-pic" alt="ice-cream-in-paper-cup photo" />
</section>
<section class="mid-content">
<img src="img/pastry.jpg" class="mid-cake-pic" alt="pastries photo" />
</section>
</main>
<footer>
<div class="social-menu">
<ol class="menu-footer">
<li> <a href="#" target="_blank" title="youtube"><i class="fa fa-youtube"></i></a></li>
<li> <a href="#" target="_blank" title="facebook"><i class="fa fa-facebook"></i></a></li>
<li> <a href="#" target="_blank" title="twitter"><i class="fa fa-twitter"></i></a></li>
<li> <a href="#" target="_blank" title="instagram"><i class="fa fa-instagram"></i></a></li>
</ol>

</div>

<p>&copy;2023 TeCH</p>
</footer>
</div>
</body>

</html>
</html>
1 change: 0 additions & 1 deletion style.css
View file
Open in desktop

This file was deleted.

0 .github/workflows/close.yml → workflows/close.yml
View file
Open in desktop
File renamed without changes.