Skip to content
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

facebook #158

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

facebook #158

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
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
135 changes: 135 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Welcome to Facelook : About</title>
<link rel="stylesheet" href="styles/styles1.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>

<header class="page-header">
<div class="logo">
<i class="fa fa-facebook-official fa-2x"></i>
<a href="index.html">Facelook</a>
</div>
<form class="header-search-bar" action="about.html" method="post">
<input type="search" name="header-search-input" value="" placeholder="Search for Users"
width=200px>
<input type="submit" name="header-search-submit" value="" hidden="">
</form>
<h3>Harry</h3>
</header>




<section class="profile-banner">
<div class="profile-banner-image">
<img src="./images/hogwarts.jpg" alt="Hogwarts Castle">
</div>
<div class="profile-user-image">
<img src="./images/harry.jpg" alt="Harry Potter">
</div>
<h3>Harry Potter</h3>
<div class="profile-nav-bar">


<div class="profile-user-image-nav">
</div>
<div class="profile-timeline-nav">
<a href="timeline.html">Timeline</a>
</div>
<div class="profile-about-nav">
<a href="about.html">About</a>
</div>
<div class="profile-photos-nav">
<a href="#">Photos (3215)</a>
</div>
<div class="profile-friends-nav">
<a href="friends.html">Friends (71,221)</a>
</div>
<div class="profile-edit-profile-nav">
<a href="about.html">Edit Profile</a>
</div>
</div>
</section>

<section class="profile-contents">
<div class="about-header-bar">
<h2>About</h2>
<form class="edit-profile-submit" action="about.html" method="post">
<input type="submit" name="edit-profile-submit-button" value="Edit Your Profile">
</form>

</div>



<div class="about-column-left">

<table>
<tr>
<td colspan="2" id="about-heading-basic">Basic Information</td>
</tr>
<tr>
<td>Birthday:</td>
<td>July 31st, 1980</td>
</tr>
<tr>
<td>College:</td>
<td>Hogwarts College</td>
</tr>
<tr>
<td>Hometown:</td>
<td>Godrick's Hollow, England</td>
</tr>
<tr>
<td>Currently Lives:</td>
<td>Godrick's Hollow, England</td>
</tr>
<tr>
<td colspan="2" id="about-heading-contact">
Contact Information</td>

</tr>


<tr>
<td>Email:</td>
<td>[email protected]</td>
</tr>
<tr>
<td>Telephone:</td>
<td> 44.079.1244565</td>
</tr>
</table>
</div>

<div class="about-column-right">
<h3>Words to Live By</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.</p>
<h3>About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum. </p><br>
</div>
</section>
<footer>

</footer>

</body>

</html>
View
145 changes: 145 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,145 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Welcome to FaceBook</title>
<link rel="stylesheet" href="styles/styles.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
</head>

<body>
<header class="home-header">
<h1>Facebook</h1>
<form class="login-form" action="index.html" method="post">
<table>
<tr>
<td><label for="email">Email</label></td>
<td><label for="password">Password</label></td>
<td></td>
</tr>
<tr>
<td><input type="email" name="email" value=""></td>
<td><input type="password" name="password" value=""></td>
<td><input type="submit" name="log-in" value="Log In"></td>
</tr>
</table>
</form>
</header>
<div class="page-content">


<div class="welcome">
<h2>Connect with all your friends!</h2>
<ul>
<li>See photos and updates in your news feed.</li>
<li>Post your status</li>
<li>Get in touch with your friends.</li>
<li>Like!</li>
</ul>
</div>
<div class="sign-up">
<h1>Sign Up</h1>
<form class="sign-up-form" action="index.html" method="post">
<input type="text" name="first-name" value="" placeholder="First Name">
<input type="text" name="last-name" value="" placeholder="Last Name"><br
/>
<input type="email" name="new-user-email" value="" placeholder="Your Email"><br
/>
<input type="password" name="new-password" value="" placeholder="Your New Password"><br
/>
<input type="password" name="confirm-password" value="" placeholder="Confirm Your Password"><br
/>
<h2>Birthday</h2>
<select class="month-select" name="bday-month">
<option value="" disabled selected>Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>


</select>
<select class="day-select" name="bday-day">
<option value="" disabled selected>Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select class="year-select" name="bday-year">
<option value="" disabled selected>Year</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
</select>
<br />
<input type="radio" name="gender" value="female"><span class="small-font">Female</span>
<input type="radio" name="gender" value="male"><span class="small-font">Male</span>
<br />
<input type="submit" name="sign-up-submit" value="Sign Up!">
</form>

</div>


</div>
</body>

</html>
Loading