<!-- Header -->
<div id="header">
<!-- Inner -->
<div class="inner">
<header>
<!-- this is the header code-->
<h1><a href="index.html" id="logo">Healthy Recipes made by Ria:)</a></h1>
<hr />
<!-- This is paragraph code-->
<p>guilt-free hapiness</p>
</header>
<footer>
<a href="#banner" class="button circled scrolly">Start</a>
</footer>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<!-- <li>
<a href="#">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<a href="#">And a submenu …</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
</ul>
</li> -->
<li>
<a href="#">Recipes</a>
<ul>
<li><a href="#">Recipe #1</a></li>
<li>
<a href="#">No Oil Recipes!</a>
<ul>
<li><a href="no-sidebar.html">No Oil Banana Bread</a></li>
<li><a href="#">Recipe #1</a></li>
<li><a href="#">Recipe #2</a></li>
<li><a href="#">Recipe #3</a></li>
</ul>
</li>
<li><a href="#">Recipe #2</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<!-- Banner -->
<section id="banner">
<header>
<h2>Hi. Welcome to the <strong>Recipe Page</strong>.</h2>
<p>
All the perfect recipes for weight controlling!
</p>
</header>
</section>
<!-- Carousel -->
<section class="carousel">
<div class="reel">
<article>
<a href="#" class="image featured"><img src="https://i2.wp.com/gimmedelicious.com/wp-content/uploads/2017/01/healthy-banana-bread-10-of-10.jpg" alt="" /></a>
<header>
<h3><a href="#">No Oil Banana Bread</a></h3>
</header>
<p>This is a super easy and fun recipe to try out</p>
</article>
<article>
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3><a href="#">Recipe #2</a></h3>
</header>
<p>blank</p>
</article>
<article>
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3><a href="#">Recipe #3</a></h3>
</header>
<p>blank.</p>
</article>
<article>
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3><a href="#">Recipe #4</a></h3>
</header>
<p>blank</p>
</article>
<article>
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3><a href="#">Recipe #5</a></h3>
</header>
<p>blank</p>
</article>
<article>
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
<header>
<h3><a href="#">Recipe #6</a></h3>
</header>
<p>blank</p>
</article>
</div>
</section>
<!-- Main -->
<div class="wrapper style2">
<article id="main" class="container special">
<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h2><a href="#">About Me</a></h2>
<p>
Hello my name is Ria and I love baking
</p>
</header>
<p>
I have recently been trying many recipes and have been trying to cut all the unhealthy components:)
</p>
</article>
</div
<!-- Footer -->
<div id="footer">
<div class="container">
<div class="row">
<!-- Tweets -->
<section class="col-4 col-12-mobile">
<header>
<h2 class="icon brands fa-twitter circled"><span class="label">Tweets</span></h2>
</header>
<ul class="divided">
<li>
<article class="tweet">
follow my twitter @ihavenone
<span class="timestamp">5 minutes ago</span>
</article>
</li>
</ul>
</section>
<!-- Posts -->
<section class="col-4 col-12-mobile">
<header>
<h2 class="icon solid fa-file circled"><span class="label">Posts</span></h2>
</header>
<ul class="divided">
<li>
<article class="post stub">
<header>
<h3><a href="#">Keep checking the website to stay updated</a></h3>
</header>
<span class="timestamp">3 hours ago</span>
</article>
</li>
</ul>
</section>
<!-- Photos -->
<section class="col-4 col-12-mobile">
<header>
<h2 class="icon solid fa-camera circled"><span class="label">Photos</span></h2>
</header>
<div class="row gtr-25">
<div class="col-6">
<a href="#" class="image fit"><img src="https://t8x8a5p2.stackpathcdn.com/wp-content/uploads/2020/08/Easy-Banana-Bread-12.jpg.webp" alt="" /></a>
</div>
<div class="col-6">
<a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
</div>
<div class="col-6">
<a href="#" class="image fit"><img src="images/pic12.jpg" alt="" /></a>
</div>
<div class="col-6">
<a href="#" class="image fit"><img src="images/pic13.jpg" alt="" /></a>
</div>
<div class="col-6">
<a href="#" class="image fit"><img src="images/pic14.jpg" alt="" /></a>
</div>
<div class="col-6">
<a href="#" class="image fit"><img src="images/pic15.jpg" alt="" /></a>
</div>
</div>
</section>
</div>
<hr />
<div class="row">
<div class="col-12">
<!-- Contact -->
<section class="contact">
<header>
<h3>Have more questions?</h3>
</header>
<p>u is a ghada</p>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-pinterest"><span class="label">Pinterest</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">Linkedin</span></a></li>
</ul>
</section>
<!-- Copyright -->
<div class="copyright">
<ul class="menu">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
-
Notifications
You must be signed in to change notification settings - Fork 0
riabhargavaa/BhargavaRecipeBook
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
baking:)
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published