Skip to content

Lab 1-3 First Draft #8

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 1 commit into
base: master
Choose a base branch
from
Open

Lab 1-3 First Draft #8

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

<head>
<title>Being Judah</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>

<header>
<img class="photo" src="http://i.imgur.com/0vEtLKz.png">
<h1>Judah Frankel</h1>
<h2>About Me</h2>
<ul>
<li><a href="about.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div>
<h3>I ENJOY LIFE AS A DEVELOPER</h3>
<p>I'm Judah Frankel, a web development professional based in Hong Kong. I have thirteen months of experience in the graphic design world, specializing in the creation of responsive websites.</p>
</div>

<footer>
<ul>
<li><a href="http://fb.com/judah.frankel">Facebook</a></li>
<li><a href="https://hk.linkedin.com/in/judah-frankel-65275032">LinkedIn</a></li>
<li><a href="https://www.upwork.com/o/profiles/browse/?q=judah%20frankel">Upwork</a></li>
</ul>
</footer>

</body>
</html>
75 changes: 75 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
body {
text-align: center;
font-family: helvetica;
margin: 0px;
}

header {
background: url('https://upload.wikimedia.org/wikipedia/commons/0/0e/Hong_Kong_Island_Skyline_2009.jpg');
background-size: cover;
background-position: center;
color: white;
}

#img1 {
float: right;
margin: 0 0 20px 20px;
}

#img2 {
float: left;
margin: 0 20px 20px 0;

}

#img3 {
float: right;
margin: 0 0 100px 20px;

}

.photo {
max-width: 200px;
margin: 40px 0px 0px 0px;
border: 7px solid black;
border-radius: 40px;
}

div {
max-width: 500px;
padding: 20px;
margin: 0 auto;
}

article {
max-width: 900px;
padding: 20px;
margin: 0 auto;
}

ul {
padding: 10px;
background: rgba(0, 0, 0, 0.5);
}

li {
display: inline;
padding: 10px;
}

p {
float: auto;
text-align: justify;
max-width: 500px
}

a {
color: white;
}

footer {
position:fixed;
bottom:0px;
height:54px;
width:100%;
}
55 changes: 55 additions & 0 deletions portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>

<head>
<title>The Works of Judah</title>
<link rel="stylesheet" href="css/style.css">
</head>

<body>

<header>
<img class="photo" src="http://i.imgur.com/0vEtLKz.png">
<h1>Judah Frankel</h1>
<h2>Portfolio</h2>
<ul>
<li><a href="about.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
</header>

<div>
<h3>Experience</h3>
<p>I recently graduated from an immersive Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Web Developer! During my spare time, I enjoy reading, going on hikes, and spending time with my friends.</p>
</div>

<article>
<h3>Relevant Experience</h3>
<img id="img1" src="images/relaxr-deliverable.png">
<h4>Web Developer, Relaxr, 2015 - present</h4>
<p>Developed a multi-column layout blog, landing page, and contact forms that render on mobile devices.</p>
</article>
<article>
<img id="img2" src="images/startup-matchmaker-deliverable.png">
<h4>Web Developer, Startup Matchmaker, 2015 - present</h4>
<p>Used a design team's wireframes to develop this company's responsive homepage.</p>
</article>
<article>
<img id="img3" src="images/citipix-deliverable.png">
<h4>Web Developer, CitiPix, 2015 - present</h4>
<p>Built web app prototype that allows users to store and quickly retrieve photos using keywords.</p>
</article>

<div>

</div>

<footer>
<ul>
<li><a href="http://fb.com/judah.frankel">Facebook</a></li>
<li><a href="https://hk.linkedin.com/in/judah-frankel-65275032">LinkedIn</a></li>
<li><a href="https://www.upwork.com/o/profiles/browse/?q=judah%20frankel">Upwork</a></li>
</ul>
</footer>
</body>
</html>
10 changes: 5 additions & 5 deletions sample-copy.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@ ABOUT ME PAGE

I ENJOY LIFE AS A DEVELOPER

I'm Joe Johnson, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites.
I'm Joe Johnson, a developer based in NYC. I have thirteen months of experience in the graphic design world, specializing in the creation of responsive websites.


RESUME PAGE

Experience

I recently graduated from a Front-End Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Front-End Web Developer! During my spare time, I enjoy senior water aerobics, pickling, and spending time with my goldfish, Jerry.
I recently graduated from an immersive Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Web Developer! During my spare time, I enjoy reading, going on hikes, and spending time with my friends.

Relevant Experience

Expand All @@ -29,6 +29,6 @@ Built web app prototype that allows users to store and quickly retrieve photos u

EDUCATION

General Assembly — FEWD 2015
College of Soft Knocks — B.S. 2009
School of Hard Knocks — 2005 (Honors)
General Assembly — WDI 2015
Brandeis University — B.A. 2011
West Island School — 2007