Skip to content

index #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

index #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d334578
index
ckakiuchi Feb 9, 2017
d3e22c9
Merge branch 'master' into dev-corinne
ckakiuchi Feb 9, 2017
eea50a7
'Some
ckakiuchi Feb 9, 2017
38e8361
Merge branch 'master' into dev-corinne
ckakiuchi Feb 9, 2017
1ebf691
created first contact us page
ckakiuchi Feb 9, 2017
46dd920
solve conflict with index.html
ckakiuchi Feb 9, 2017
44df83e
created thanks.html, changed to base.css and more adds
ckakiuchi Feb 13, 2017
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
219 changes: 219 additions & 0 deletions base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,219 @@
* {
/*border: 1px black dotted*/
}
html, body{
width: 100%;
height: 100%;
padding: 0;
marging: 0;
background-color: #FFE9E8;
}


/*navigation bar*/
.banner{
background-color:lightgray;
height: 7%;
position: fixed;
width:100%;
top: 0;
}
.navigation ul{
list-style-type: none;
text-align: center;
}

.navigation li {
display: inline;
border-right: 2px black solid;
border-left: 2px black solid;
}

.navigation a {
color: brown;
text-align: center;
padding: 2px 30px;
text-decoration: none;
font-size: 16px;
}

li:hover {
background-color: pink;
border-radius: 10px;
}

/*main body*/
.main{
width: 100%;
}
.about {
padding: 100px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.recipes{
padding: 100px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.contact {
padding: 100px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.main:hover {
opacity:.8px;
}


/*footer*/
.mainfooter{
background-color:lightgray;
width:100%;
height: 5%;
position: fixed;
bottom: 0;
}
.footer{
font-size: 11px;
color: #000000;
width: 80%;
margin:auto;
}

.footerinner ul{
color: #000000;
list-style-type: none;
text-align: center;
}
.footerinner li{
display: inline;
padding: 2px 30px;
border-right: 2px, solid, black;
border-left: 2px solid black;
}

.footerinner a{
color: brown;
text-align: center;
text-decoration: none;
}
.copy{
font-size: 10px;
}


/* Contact Us Page*/
.mainbox{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display: block;
background-color:lightgray;
width:80%;
height: 55%;
margin-bottom: 7%;
margin-top: 9%;
margin-left: auto;
margin-right: auto;
border: 7px;
border-style: groove;
border-radius: 10px;
}

.box1{
text-align: center;
}
.box2{
background-color:#FFE9E8;
width: 97%;
height: 52%;;
margin: auto;
border: 5px;
border-style: none;
border-radius: 10px;
}

.form{
height: 90%;
}

input[type="email"], input[type="text"]{
display: inline-block;
width: 50%;
background-color: white;
border: none;
padding: 10px;
margin: 10px;
font-size: 1em;
float: left;
border-radius: 10px;
}

textarea{
display: inline-block;
position: absolute;
top: 37%;
right: 8.5%;
font-size: 1em;
background-color: white;
border: none;
border-radius: 10px;
padding: 10px;
margin-right: 40px;
float: right;
width: 35%;
}
input[type="submit"]{
position: relative;
top: 120%;
left: 20%;
background: none;
color: brown;
border: 2px solid brown;
border-radius: 10px;
border-style: groove;
font-size: 0.8em;
padding: 10px;
width: 20%;
}
.mainThanks{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display: block;
background-color:lightgray;
width:80%;
height: 55%;
margin-bottom: 7%;
margin-top: 9%;
margin-left: auto;
margin-right: auto;
border: 7px;
border-style: groove;
border-radius: 10px;
text-align: center;
}
#FAQ:hover{
text-decoration: none;
color: brown;
opacity:.8px;
}



















65 changes: 65 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<! DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="base.css">
<title>Contact Us</title>
</head>

<body>

<!-- navigation bar -->
<div class="wholepage">
<div class = "banner">
<div class="navigation">
<div class="logo">
<div class = "navigationbar">
<ul>
<li><a class = "active" href = "#">HOME</a></li>
<li><a href = "#">ABOUT</a></li>
<li><a href = "#">RECIPES</a></li>
<li><a href = "#">CONTACT</a></li>
</ul>

</div>
</div>
</div>
</div>
</div>

<!-- main content -->
<div class="mainbox">
<div class="box1">
<h1>Contact Us</h1>
</div>
<div class="box2">
<form class="form" action="email.php" method="post">
<input type="hidden" name="recipients" id="recipient" value="corinne.kakiuchi@gmail.com">
<input type="hidden" name="subject" id="subject" value="Message from JUSTDESSERTS webpage">
<input type="hidden" name="thanks_url" id="redirection" value="thanks.html">
<input type="text" name="Name" value size="40" placeholder="Name*" required>
<input type="email" name="Email" id="CustEmail" value size="40" aria-required="true" aria-invalid="false" placeholder="Email*" required>
<input type="text" name="Subject" value size="40" placeholder="Subject" required>
<textarea name="Message" cols="40" rows="9" placeholder=" Message*" required></textarea>
<input type="submit" value="SEND MESSAGE">
</form>
</div>
</div>

<!-- Footer -->
<div class = "mainfooter">
<div class="footer">
<div class="footerinner">
<ul>
<li>JUSTDESSERTS<span class="copy">&copy;</span></li>
<li><a href='#'>SITEMAP</a></li>
<li><a href="justdesserts@gmail.com" target="_top">EMAIL</a></li>
<li><a href="tel: 888-555-555">TELEPHONE</a></li>
</ul>
</div>
</div>
</div>

</body>

</html>
63 changes: 0 additions & 63 deletions home.html
View file
Open in desktop

This file was deleted.

Loading