Skip to content

Commit

Permalink
initial
Browse files Browse the repository at this point in the history
  • Loading branch information
@rebeccapeltz
rebeccapeltz committed Mar 13, 2024
0 parents commit 3941125
Show file tree
Hide file tree
Showing 10 changed files with 11,345 additions and 0 deletions.
Binary file added .DS_Store
Binary file not shown.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.vscode
30 changes: 30 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Apple a Day

## Photos from Pexels

Photo by Toni Cuenca: https://www.pexels.com/photo/grannysmith-apple-with-bite-616837/

Photo by mali maeder: https://www.pexels.com/photo/red-and-orange-apple-fruit-102104/

Photo by Timotej Nagy: https://www.pexels.com/photo/red-apple-fruit-on-grass-584367/

## Favicon
<a target="_blank" href="https://icons8.com/icon/tsGqagtVj0Ka/red-apple">Red Apple</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a>

## Start Bootstrap License
This software includes the start Bootstrap: Copyright (C) 2023

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

## Credits

Apple Pie Photo by Skyler Ewing: https://www.pexels.com/photo/apple-pie-on-brown-wooden-table-9502639/

## Parallax Scrolling With CSS

Background content moves at a different speed than foreground content. The CSS for this effect is turned off for mobile and tablet devices using a media query.

## Fake Image
https://betterplaceholder.com/
84 changes: 84 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>(Title)</title>
<!-- Favicon-->
<!-- <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> -->
<link rel="icon" type="image/png" href="(favicon image)" />

<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>

<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="#!">Apple a Day</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-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 ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" aria-current="page" href="./">Home</a></li>
<li class="nav-item"><a class="nav-link active" href="#!">About</a></li>
<li class="nav-item"><a class="nav-link" href="./contact.html">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="./services.html">Services</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Content-->
<div class="row d-flex justify-content-center gx-4 gx-lg-5 gy-4 my-3 py-4 ">
<div class="card text-dark bg-light mx-4 mb-5" style="max-width: 35rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Light card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>
<div class="card text-dark bg-light mx-4 mb-5" style="max-width: 35rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Light card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>
<div class="card text-dark bg-light mx-4 mb-5" style="max-width: 35rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Light card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>
<div class="card text-dark bg-light mx-4 mb-5" style="max-width: 35rem;">
<div class="card-header">Header</div>
<div class="card-body">
<h5 class="card-title">Light card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card's content.</p>
</div>
</div>
</div>

<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-lg-5">
<p class="m-2 text-center text-white">Copyright &copy; (Copyright Name) 2024</p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>

</html>
164 changes: 164 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Apple a Day</title>
<!-- Favicon-->
<!-- <link rel="icon" type="image/x-icon" href="assets/favicon.ico" /> -->
<link rel="icon" type="image/png" href="(favicon image)" />

<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>

<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="#!">Apple a Day</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-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 ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" aria-current="page" href="./">Home</a></li>
<li class="nav-item"><a class="nav-link" href="./about.html">About</a></li>
<li class="nav-item"><a class="nav-link active" href="#!">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="./services.html">Services</a></li>
</ul>
</div>
</div>
</nav>

<div class="card text-white bg-secondary my-2 py-2 text-center">
<div class="card-body">
(Content)
</div>
</div>

<!-- Page Content-->
<div class="container px-4 px-lg-5">
<section class="my-5">
<div class="bg-white">

<section class="section-preview">

<!--Section: Contact v.2-->
<section class="mb-4 mt-10">

<!--Section heading-->
<h2 class="h1-responsive font-weight-bold text-center my-4">Contact us</h2>
<!--Section description-->
<p class="text-center w-responsive mx-auto mb-5">Do you have any questions? Please do not
hesitate to contact us directly. Our team will come back to you within
a matter of hours to help you.</p>

<div class="row">

<!--Grid column-->
<div class="col-md-9 mb-md-0 mb-5">
<form id="contact-form" name="contact-form" method="POST">

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="name" name="name" class="form-control">
<label for="name" class="">Name</label>
</div>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-6">
<div class="md-form mb-0">
<input type="text" id="email" name="email" class="form-control">
<label for="email" class="">Email</label>
</div>
</div>
<!--Grid column-->

</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">
<div class="col-md-12">
<div class="md-form mb-0">
<input type="text" id="subject" name="subject" class="form-control">
<label for="subject" class="">Subject</label>
</div>
</div>
</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-md-12">

<div class="md-form">
<textarea type="text" id="message" name="message" rows="2"
class="form-control md-textarea"></textarea>
<label for="message">Message</label>
</div>

</div>
</div>
<!--Grid row-->

</form>

<div id="status"></div>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-3 text-center">
<ul class="list-unstyled mb-0">
<li><i class="fas fa-map-marker-alt fa-2x"></i>
<p>(City, State, Zip, Country)</p>
</li>

<li><i class="fas fa-phone mt-4 fa-2x"></i>
<p><a href="tel:(phone number)">(phone number)</a></p>
</li>

<li><i class="fas fa-envelope mt-4 fa-2x"></i>
<p><a href="mailto:(email)">(email)</a></p>
</li>
</ul>
</div>
</div>
</section>
</section>
</div>
</div>
</section>

<div class="card text-white bg-secondary my-2 py-2 text-center">
<div class="card-body">
(Content)
</div>
</div>

<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-4 px-lg-5">
<p class="m-0 text-center text-white">Copyright &copy; (Copyright Name) 2024</p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>

</html>
37 changes: 37 additions & 0 deletions css/stickyfooter.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
line-height: 60px; /* Vertically center the text there */
background-color: #333741;
color: #fff;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

/* body > .container {
padding: 60px 15px 0;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
code {
font-size: 80%;
} */
Loading

0 comments on commit 3941125

Please sign in to comment.