Skip to content

JamesBlazer-User-Interface-Project-Week #573

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
wants to merge 28 commits into
base: master
Choose a base branch
from
Open

JamesBlazer-User-Interface-Project-Week #573

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
8649a13
Navigation bar mock up
jblazer1 Dec 17, 2018
065aec3
top image and h1 in correct position
jblazer1 Dec 18, 2018
765ce9b
Add first section under photo at top of page
jblazer1 Dec 18, 2018
0d392c5
Add h2 and image for middle content
jblazer1 Dec 18, 2018
fafb26f
Home page html complete
jblazer1 Dec 18, 2018
8a60f69
SERVICES page html complete
jblazer1 Dec 19, 2018
10da086
Seperate styling for each page to it's own page.
jblazer1 Dec 19, 2018
020f567
Finish styling for desktop services page footer
jblazer1 Dec 19, 2018
42e93df
Style tabs on Services desktop page
jblazer1 Dec 19, 2018
619c2cf
Add images to service desktop page
jblazer1 Dec 19, 2018
45839be
Update Home page desktop
jblazer1 Dec 19, 2018
ccc8ce5
update recent projects div
jblazer1 Dec 19, 2018
cc1230b
Add javascript functionality to services desktop page
jblazer1 Dec 19, 2018
de0b67d
html for desktop home page complete
jblazer1 Dec 20, 2018
27113bd
Add component to nav bar
jblazer1 Dec 20, 2018
8db5b9b
Everything on navbar complete except converting hamburger to X
jblazer1 Dec 20, 2018
1d17da3
Update nav bar
jblazer1 Dec 21, 2018
568ed1b
Start mobile view of home page
jblazer1 Dec 21, 2018
d9426f9
starting over on home page
jblazer1 Jan 2, 2019
b5aa8e5
starting over add the villas
jblazer1 Jan 2, 2019
12d6ec8
starting over add 'the blocks' and the footer
jblazer1 Jan 2, 2019
62e4993
update footer styling and main content styling for placement of images
jblazer1 Jan 2, 2019
6a44096
put 'recent projects' images in own div and repositioned gray boxes
jblazer1 Jan 2, 2019
866d68c
starting over styling for home page desktop finished
jblazer1 Jan 2, 2019
b1eef1f
starting over - update styling on services jumbotron image and main h…
jblazer1 Jan 3, 2019
f952f0c
starting over add nav bar functionality
jblazer1 Jan 3, 2019
d5245a7
add home page mobile view
jblazer1 Jan 4, 2019
5556076
Add Contact page
jblazer1 Jan 6, 2019
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
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"editor.formatOnSave": true
}
116 changes: 113 additions & 3 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Contact Us</title>
Expand All @@ -10,11 +11,119 @@
<![endif]-->
</head>

<body>
<body class="container">

<!-- ======================================================= OVERLAY START ======================================================================-->

<!-- The overlay -->
<div id="myNav" class="overlay">

<!-- Button to close the overlay navigation -->
<!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->

<!-- Overlay content -->
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact</a>
</div>

</div>

<!-- Use any element to open/show the overlay navigation menu -->
<!-- <span onclick="openNav()">open</span> -->

<!-- ====================================================== OVERLAY END =======================================================================-->

<h1>Contact</h1>
<header class="nav-container">
<div class="nav">
<div class="name">
<h2>S&J</h2>
</div>
<div class="open-hamburger">
<span onclick="openNav()"><img class="open" src="img/nav-hamburger.png" /></span>
<span onclick="closeNav()"><img class="close close-menu" src="img/nav-hamburger-close.png" /></span>
</div>
</div>
</header>

<!-- Contactd Us Content
<section class="main-content">
<div class="main-img"><img class="contact" src="img/contact/contact-jumbotron.png"><img class="mobile" src="img/contact/contact-mobile-jumbotron.png" />
<h1 class="main-header">Contact Us
</h1>
</div>
</section>

<section class="middle-content">
<div class="left-side">
<h2>Get In Touch</h2>
<h3 class="contact-email">Email address</h3>
<input class="email-input" type="text" name="email" placeholder="Enter email">
<p class="no-share">We'll never share your email with anyone else.</p>
<p class="buildings">How many buildings do you need planned?</p>
<input type="number" placeholder="1">
<p class="overview">Provide a brief overview of your project needs:</p>
<textarea rows="20" cols="54"></textarea>
<input type="radio" class="radio" name="business-type" value="small-business">I am a small business</br>
<input type="radio" class="radio" name="business-type" value="residential">I am a residential owner</br>
<input type="radio" class="radio" name="business-type" value="corporation">I am a corporation</br>
<input class="submit" type="submit" value="Submit">
</div>

<div class="right-side">
<h2>Where We Work</h2>
<h3>New York</h3>
<p>
123 Lane </br>
Suite 100 </br>
Albany, NY 12345 </br>
202 555 0144
</p>
<h3>Florida</h3>
<p>
Ocean Drive</br>
Suite 201</br>
Orlando, FL 22345</br>
502 555 0144
</p>
<h3>California</h3>
<p>
Mountain Street</br>
Suite 105</br>
San Diego, CA 22345</br>
702 555 0144
</p>
</div>
</section>

<section class="footer">
<div class="email size">
<h3>Intersted in starting a project?</h3>
<h3>Let's talk:</h3>
<input type="email" name="emailaddress" placeholder="Enter email">
<p>We'll never share your email with anyone else.</p>
</div>
<div class="new-york size">
<h3>New York</h3>
<p>123 Lane </br> Suite 100 </br> Albany, NY 12345 </br> 202 555 0144</p>
</div>
<div class="florida size">
<h3>Florida</h3>
<p>Ocean Drive </br> Suite 201 </br> Orlando, FL 22345 </br> 502 555 0144</p>
</div>
<div class="california size">
<h3>California</h3>
<p>Mountain Street </br> Suite 105 </br> San Diego, CA 32345 </br> 702 555 0144</p>
</div>
<div class="copyright">
Copyright &copy; 2018 Smith and Jones
</div>
</section> <!-- END FOOTER -->




<!-- Contactd Us Content
Contact Us

Get In Touch
Expand Down Expand Up @@ -58,4 +167,5 @@ <h1>Contact</h1>

<script src="js/index.js"></script>
</body>

</html>
Loading