Skip to content

Instantly share code, notes, and snippets.

@blackmann

blackmann/index.html

Created December 6, 2017 15:19
Show Gist options
  • Save blackmann/9e79c3ff641bd8576d52f6c5dfb78dbc to your computer and use it in GitHub Desktop.
Save blackmann/9e79c3ff641bd8576d52f6c5dfb78dbc to your computer and use it in GitHub Desktop.
Download ZIP
Facebook Profile Page clone
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Girls Code Profile</title>
<!-- Add our styles -->
<link rel="stylesheet" href="https://blackmann.github.io/staticfiles/facebook-clone-styles.css">
</head>
<body>
<!-- Add our profile banner -->
<div class="banner">
<img src="https://blackmann.github.io/staticfiles/banner.jpg"
alt="banner image"
class="fill-width">
</div>
<!-- Add our profile detail (name and bio) -->
<!-- Add our About (brief intro) -->
<div class="profile-detail">
<div class="name-and-bio">
<!-- Profile image here -->
<img src="https://blackmann.github.io/staticfiles/profile-image.jpg"
alt="profile image">
<!-- Name and bio here -->
<div>
<h2>Girls Can Code</h2>
<p>Let's do it together</p>
<a href="https://medium.com/girls-can-code">medium/girls-can-code</a>
</div>
</div>
<div class="about">
<h3 style="color: red">About</h3>
<p>We are the go-getters of this era. We code till our fingers break. No giving up now or ever. <br/><br/>
We program with HTML/CSS and JavaScript. This page is one of our works.</p>
<button>Follow Us</button>
</div>
</div>
</body>
</html>
@codejaaa
Copy link

hi

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment