From c0511dc8b5ed6c9e22ea04bacc3aecb2ca344b08 Mon Sep 17 00:00:00 2001 From: Julien Waite Date: Wed, 13 Jan 2016 11:22:18 +0800 Subject: [PATCH] complete --- images/Joe_Johnson.jpg | Bin 0 -> 9943 bytes index.html | 42 +++++++++++++++++++++ portfolio.html | 74 ++++++++++++++++++++++++++++++++++++ style.css | 83 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 199 insertions(+) create mode 100644 images/Joe_Johnson.jpg create mode 100644 index.html create mode 100644 portfolio.html create mode 100644 style.css diff --git a/images/Joe_Johnson.jpg b/images/Joe_Johnson.jpg new file mode 100644 index 0000000000000000000000000000000000000000..04e88d48f85a6f6f59d9a925343590c815766fe0 GIT binary patch literal 9943 zcmb7obyU<}^zCPg7`j860cI%ajv-}+5QavO96>;(MRG_fiD5{Q5QY$t77;~SN|01Q z5s;7)5d2Ds&)<6Qt@ZwW`}}v#TKk;4)?H`sd;fm=y9_X54KaoQ2m}D2e*yem1mXc| z3QATMW>!`fR(5ta4o)6!&VS%$=i%Yz<>cYyy~4}Q&4(1=;Su>)5tJ1YK}kqUOLOqc ztH?_#Bc-GzKyWymmX?-*mVsV^i-k+#{~Le10VXOC1n7l;ga9xT2*L#V+Yj&n02mDU zpHcrWU=$E20Hy>{{i~uG0T38M0il4xpdbho^6x-kCIBJ`g)z(OSh)JfPzYs}H65_X z^-NN->f%;}-C_^r*#dfrPn)OM^(_A}u>QZ)|GUNiWSRb-hW{tK0MJ4}{|19F0op(q z$WYASkuG_4JJtXMDblaK#<2r3DedwVo*^5UlCTxII~DLZ;n&0sAkXpksOe-?gue`h zB@%JbT`U?`d=c-}d1gh1*4z!QhIK?`QKh`ulmAL1$p7*cPHp2s(QhW4XCL}Uk*A_0 z1w+sFgE? zzni9ea(;N}n1|ssluHHEwdi11zIWO!UxhnjuoC=afEitiv8ZURZrSc0NS%0*4KdEX z%G%pq$f&F!mTH?!2$juz&42#XWE5zRgq zu;FY3c9r%c5*!lrj^k?Xvwj+ocy`ezahC0b#gT}0Bk*x<+C&~1I;LlHJ)0IIIYyyCr7Ejb?Nz4P+Fb4#hraYpU^FRO4hjB_l`)v02$` z@63vp?`(Nvpi+_sx{1~kf6y$-%agb5z96(o_F2)yPvMJkC3zKr=K<>T6;tuZik~5T zQL=Qz;{vG%382T5m@6;K_=F(O?XR+qf!cnP95L}UuYSYdOF1xx*Uqq3N2D$r+z__& ze05b}%n0vh+-NBajmpWGY7njfmEYvRd@gK!ox)q#$zkt<%bd2zlb&1A^JBC~zm0ZN#xW1J8X)$B18hL6u$#F!v z@|YI5w~Lz8cWPY#TJy~Qac4d^h2+IIV|x)Ks~cIH?B=z3gkBDy2VJAC#JJzH+4!BcGpeng@sTgqnu8{2Bu+3G?)lbZfS(TNK;ivg? zi`odp2lD$s)rVhC2>!3{wP8#Oy!N>SvTTh>E||MO?%^Zf+$LE#3k|fa)sIjF-PciO zllY@z)#AV#(AS}IEjIh&UCL{QNJ*s8VNl`EV*>s~NK7`$?(Ldxl!);+9n{rI!LG8j z8!b@4#vVN9c;p*7l0WiCUP++9pfst3V;=3cSgimpg(;1~B9VWR zC{hj9iDU`t5S%|MX_c5V>Bdagr8nZ!^xe>#L=9IYj+?O?YoZ+IJ4n0Q;D2{;f; zT4D8AXyh;ts(yHvQbu|9We`EFpzL;kj+l7jSm8s+x;hg!ATermDZi3AA=(ads>rH7qIF3}Li`q{YTVq6%+2Wy$F?*$1yh8bJ{`-Gd!n+0_p zBH8sBiAq9p=m&9_(!BWS?gab~X>WjRiHprrJRUlV{Zm$4la0ldBqyT;RVgIN4Fq$v z(eei5iNlm0N)Th!4VFlHY99cSIwFx+CenO;V>of+rG6`1agHZ{R>LC>9%G00o0I8G zjPHxQHHrpQ`@!yzx&cNWTRLyGvp~YE8PY2zpQ{);fRfzKue>7mmCoh!sGy+SwA1+7 zCgduREraEk_7QeE^HS~h5p_l4ax6N=<_Nz0Q;JPkT#lv5)<|5u!)qd#Ietz2Mq~z~ z@C`+Jt2)YNJQ0|kzsUDjeQhsV{+m|+D70SI*Pk|q%OHO8R{FEXH5UoQeS%`ZhVo;n z&OY21Zb?TXbbbWNK`m8p*R;0BamU7TNmoY&YpTroY6i{FQuS6c&LaM;Vl-35mM2e- z zXT)rB!k5Nltd<#UNE-ViP&aCBCB)#^P{K7UPf8m zeeWSJ7NMZ}oN@Nv=d#i0AB?!==F6LXrv))x!pqz*m}UK8Bvl)Di0+^k^$mpqo}q8w zqbvu6L#gUrMsj5D(y<}sGbuVYQz~jT+6j45-Q?17C)qk>G4F#bdiYZpI2I}Mu?8W> zaH`zGUT2EWD`GsK_{ow^wQA2 zJWmh#YDyc{^ykKOs-fteVL_H0RqCfCEunzkDpynS{s4lxb<&DdCbg|XVNyrX{Ky@6 ze}6oZa6A9!&_HM8laL4r&%8{9Qfoh?FWohW(X&j`N{7#kt^DwhJGfM-|{MqHDN;$+p3$t zGo&Qh8HB5V zD~vhLtZYI?>oSu=x?n|~of!TMB$gz2(U;D2OzAmSK*W!$U`Oog6NNzDMaOj!hi;%i z2fQ8p$0r=m=Fh~farJvEGpmR(V&#C;UCRIJV6iG%NQ&=6A6Y#p$3*lI?XL_{VFfk? zQ|lGQr(<3`)hFQUhVCA-p#?3rDke!bX^(c_ls>RwSvO^j4BeBawx@1u_W0a9DP9VU zkrp(X#FL{!9XTk13ej#gf6Lg<2XL;nNFA}L-BOmg9^B*CXC}lYT|7JDQjngrGgZ#w^H`i^_u~{klTeCh?lC(Smpo_OJxfx* z^z1%v>WSsbi5R#4jt=Z9X2Qjnn*j%Acv zLRRF^#O9H_KXTW97)jpFPQ3abAzR%rlT54I7Klyj@K)>H>-x>lcGKB1v(4p2&4l0Y ze{^E#2U1(!1P;${4K|W*73Ogc3qRJW6?qv^Gq`-2!+f2QyRE?vo;%D*YKG*I&G1)C z?+64}E0xHHws3l!Bw_MzRa7zKaBTU4J+zAI1~-;|c#H~I;64WeEcuF!94?d!PGy(#&!ZReT>_nfBG-ww7!7|(x^R7A3nJsChA6Kh{#ARRo0!+ z5dRCT^I+erR;qltaId_)B1K(9&bB7d6Oe2oi$X?y@7BM8=5ERfu(%6oc@~-~CnK2Y z+)UKhIiI+|7k^Yd{gLJMCs5RcW`i?s6D~o=%hIa3_-ru8l6k}Ajvul61Vn{xu1iBR zD}T`1G@`Op=#gkXdyM#PTydG5_c#a#%5{)@g&uIRd`CUi~2kmhByEg+l27QUCxg1dU} z|G4umj}fVO=HFEyk=)9A!lS1I!hEka_HaAu5nW_b({=ss=7ePL=mO0tbY<{I*>+^D z-zQz$N7lWWJ~;-MZybBP)fVQ=dSy~L`Ezt|yt823=1~67X7l-VB*B!%$~R<04#ejW zqxeC?;gv78M3wmiwbcNWpsZR9P$CXeP}MuU$_F?129$!!^e$x&Cf{3I9JtPOv+aHK zFqs%7Q^T023A6b!zzG$|Yqu$PM3)qY{U=lzIePi&6RJR3F{Q~X97ZT(A4zYRnu$t@ zRUxHmoIfqLAaAgh(OlOc_3uQlvBz zlxUf|U03sRgXw&(GSVK1&!BUO_V!I`S}t)Hk?R5bR*8t6XD1I$0l`nV9Un@vKH=-S z%KZsayqywC0Xh9$#Mk_Fs}N0Bt`)T)cjvRL8pQ*0iL>qpcF7oT7ps7;CaIilqC528 zFfmN4z_s~3>abzmNYysVIaH|Qli6|} zue<%oEp_&Dej_+FSK7n3M!ep3RVppMt+J&{phYRQb1(SE>Y!q+n@cP#2pCgs+_r0C zL|?Mij}qaAH&5e}HCJ1@si?0?uV(_B)h*}a&`(w*z<64XQ#~9-fs^GC6ghhT^vyfp z%;ph=(ZsO`7a`@kbpA7w2bB2#!Ytw6nAx22Jw>M8BL}1tOZ!>Q)h>36JMUnONGQ^^m3$}xQ>KfizxLjl=gB`3}PLt zP>zlM6$m0(7132uV#l^fb8Vwi=p&*I`rC>M$DT4d6#(_g5&YfwBs0e?Gb^4e@tFnv zP0o8)UOBFzSeRFIN^T}X(j4b9O^r)_NY7lF_(a~2f;q#ncDHOoCy7r?@U_iJEjO$Z zU{V6FUmNssr%*uSI(ru7=!Kej9^MPfehuE6onOSLjQyfegb&TNCf>M*&(^ZjA5Q5$ zDUh=Hvbx|H`^RmJfM!#TmZ7qF{(hWv(|8R1M^zFC;@(CLN`F@FMhLmp<^=lLXYiB_ z2Rwc)e~V|StC9I^ch&RNhoNE!Op(>8;KpVVs0Ag@Or`kYs5&Vcfu9vA+R!Lwm9E|J z$hlBWMhP@wTVQ|0zX)y~2~_ZWKj2byiRs%ZqHmRa5~_Xa_|(`{M3Sr7y%pN(0Ou7~ zVBPwUFlzPn%cZl<9LF9@%8bp^ZeE2C?7#Cki+{Bz`ZWfI2z6R6`PFNEvhpK$kNpKS zT&|9&JaGsEv6$qpyklTbX?Mc_EG1|B*Eu^-W*4a0Qo+IzPMged@+)xV4ox0@QKq6^ z5+qvj!a-Tv$TJIRM#M5aP_5Wt_%vwmJAyUO0exAtd4AImS}|{rqVO&P6c*$VP(yTJ zoXpE9gzkH)!=yWursY23rD{w*)|t#{cHmG zbDXH#TW=Harf__qxCa+17xOknK36mTCmg*Z}fDRU;8&8(RyE3imD%_h*+^ZHlMvp z)6U^#(iVa0NwSok)_s>nS)n?FVYPz4Jx3<@OY(@LYCI|Lwh@rY!wx#eVM+;STda2i zaOD;_t;Sc6HFo%3uE))aZGUi5S{oy==1vcSuC^(=l6KHPN(##S#NXT)QN!;@td8KU z8%&yy|C=1s;$pdyiso-b)pR*|Yh^LD%0HSldoYOMovaC1;(S_m{ntnkl%H`Qk7*mi%)Q)?nHiOoaPCppT2ZPJC8!Ey*GYOX`Xxak2J>uKgVOlIr3y0#*3>OxY zhjn3biA{F`W&ZhlOgsxPIWH1zkyy)rVMSSx-gM&EB>qknAFEr5ECxzS)0O9~vosNF zaB49$JLp$>lM6#gfwXpw7qfLg*NOFNW`v7WNCY*m>c%F8tpbH^>VP)i~l z?u2d#lJ(BQ@sTJPb52N|h6pa)47Inh)!^iLil2ecAaL!L?||et9WyZ%_u~3E-TKOZ zRw0Lx@XV{go36J85ga;adhTr#kZbDA8LX1ZXGQRBTEIw_!E6;|;%~EecCTndn7CqO zsUtH+{C+m5{IXemk8o>tV=y#V>ms1l#sy~XF&Y<@+8rK_es`fQp1P3HmKE|X`GK>J z_wQFPuZi7yfqlHBI~7dpbb)lC9m3tBP^db~uzEpPeXdNpx+KrgYmZH_DvVW$q<3;_ z_YA*w8sA(aV_5;}^wy0n(xeHjK;&@A+fWWY|9LGz!&|j)$TIqe79tu3tBZ(EuTq5r3&z3yfSl^PjN+VUU5Ou{+4h0 zs9GUcC9$!}tc?w&N?Csp5}W5MaY7s}MOonEdM*=zJiNM2`hV@%$6u}{T1fI3i^Ehm z`XwHPr0revsa){9!nRP7_UZydXr_pF=b{`taQT(CSF&>2=D_0BVxr3)y@o9U2brT7 zEOb@0?*6b1{vtFWL0ci}0MPd-kuxoBeD8t$`(p{EDIYnf@W-DRX_Gi)zU)&e+y&wHHB{=<~kN!j;Pho1)+PtfMt#&23hzV zY9z~>BJTAFwKV79rd?R`{7l`>w6w_6EBJRPEKRAH+`@6CImOz|Et&RPlwI z#Oi#~hd1a0M#x^ao#n>FZiECx8sVPbR#eoUX7lDwd@a~CKzyZ@^%Yr!D!{-Yqw4EE zfL%hBY^fgc$UTyrh6r_hd?GwxW`;sOnSN7W(qQS4; zGBnk$I$-o)_fn2O_dL!}i6oLn(RnCA<|$4Q1t!EA%aTRXBxp6U5S<$NNIy2?l-UW$ zg@>^Q^WA|}ntalDaC&d9JTpocvNZM;i-29FqVL612_=a9g7uq*-Tca!m4*`broweL zSSSUpAwfysOjTTkA47{P#T@5T3JY*}wwze!bu4{0ODSPuXPHOI5yAM1JXb^49ngU9Z>dT*Y_=3$eZ_)LP%F#L zsYd~nXfI|9(_;GSUm;QrFt&#pf!qVPI&XtUwJ*Y4HJ8h(dFKwIac;M5#S`GH_4&{f z5W`VjvNgKSOS1Ig&;h}~kyKW~9b{owenhXPBk?AG*+v@C`1>2IzBxq)_F5ycY6$Hw zxtR?IUBA8x5XExcb32p;jv?jmQd-psJX??VI}}zY&9Fa3%fC<*GjZ=dlm0UEhB+5{ zaA^W7h<^yfKubtGFGP|N2ccIUjJQzw9lxL8)8FTo4i~S=WOeV`H(h{J-mbaK*7ZrJH+Ea}wNUuf7s3i`#xM+sdK*e7$)-ZT)W|N~Db}Aq#^3;| z3H7leAm#Y{9hN(L88Kh)g`MfZ>QVQF-D_1>0KTd8Lkk5;wGZ-&*DKg|_Z~?U%8E#t zslA%psaD*e@y*`#Wm;br@Z4@2Gkjfs^c10{j#P<}%{N}!8tHJn`tq6XzIOlJ$3A%$sxuuE zkFJnSAiOI+gJ!%mT5sPa6OL@`Yu=k^P%da>g;mg>AFYfiTDQ?yb}^1gBzuOnAOZ+Q z#wzwA>1HR_QdfCm7+Uqb^GUQQf!t>a6b{~#H>X3P>HD>(-2)Ddv2BH3T5*vsnopFe zL_UQd#IW!5QQvl! zj%O~=XXpjr9+$fc^UDz6PKvV7cr4sc#2c)AKr_6+Qe)EHeII1c)bAYMC8cLXS1$|P zp<*6oc{h{<&cgzxiu}9bD_m+r>fV^hSS-{ljV0$!pml?c#d%bPwgYSsTjb2N*!gl0E%%NZb{1Y6M`mNA1 z*IU7xELPL$i^YxN2lq&mB*WUJ8(lD#ZW)63!!W`F{7OTGH<@RY!8t;} zZjZ{yWAyMUTmAjlv*tidcjOZA==ld`UVTXE$8J0zrIawHs1+6|gtAM%A0-=L5_6XC z_pyLbkIyTpSxio(hNJQx{$f`cqKGz=C4Y6X8i*HU{pSP9?gR{Z=H4k{JJAUwWoANF zJWtW3uqQ(h!3Iv6H$|NzB-YB(`BORqxQlT|$qvv8X9zct$nDqVJ^FfmH63XV|@IdEAZ-eRUEzq6md{;HfC|Zprz?3+4%R%NAbKi&dDYc;f zMr^T@Q^<2||Uj&p*EBrsJc7OW!kij4w1_cP~`iTy<( zvJ{&9%dekfwsnk(=B3xJZO(gXZ+na@?%#{?Gp`(D{PPJD9m^E~Ro00|as>Khrw>)5 z8BA@h~d}I z5zaarnf-YG$cK~56}3o7X3n?LTB=n49N0L-9N|mt5*uNu?L&4G01#UL;xWj-@fzxbB2)`O?Tj?jbtA?t+_)y32eFhgf_;W;y?j3rYX2$I`-(%x%aqhk z+&BRB&D~nRNVnzJ(p%1wWDPSDpnNY#m_&&CfxVrOKA5Z`!>N!W51XUW5g08G6!_)JSJWga z+@;m@VHGv<#oR(kWiIo@iBl=dy-y4^_myC~_nBdaX$309Zf_~?QImgFY&q0_3KTU? zvhuqtw%DVJ!g3`LbBAk+>E~p*LrBRK0Outzq_w zmBqX+Y4I!9sj6;eikgb!k_@c`_^%xhV%J}qw8oMvP}VL**t@{`*udKS{52VsJk9G1 z3?ofME(oBSWzE;5dqlz+8I^w2mahY{d}vEe15%V?;X#)|61`LXh=+ALau2$VA95=| z6y_N8Oa>``O@221+(XV=O^6<+e?Ry6}8*b`={czO^JjH?Wa=_M(*k?xL^} z-HY(S=7$w>PkX^Kkjx~y1@$%pxIm;uc9-8e=^(>JEWd^6LhtnhE&w}rn>{|93&cf# zSYL?MYs?T95XvVUI!<4P0oFF{ z&mJBiRuRHo|EfOD1YuzTiJLV;UK1OWQJc->D~J_(V~ubwAnaOcOkPvK|L~bQ6^Ix4 zQy%hV;ui0Z808MJF*tmz^YEaUs*{`P!9Z1J!vlJU Li;D~Ncm96?X$^y1 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..67456a5 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + Joe Johnson About Me + + +
+ +

JOE JOHNSON

+ +
+ +
+
+
+

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.

+
+
+ Joe Johnson +
+
+ + + + + + \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..0373577 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,74 @@ + + + + + + Joe Johnson Portfolio + + +
+ +

JOE JOHNSON

+
+ +
+ +
+

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.

+
+ +
+

EMPLOYMENT

+
+
+

Web Developer, Relaxr 2015 - present

+

Developed a multi-column layout blog, landing page,
and contact forms that render on mobile devices.

+
+
+ Relaxr +
+
+ +
+
+

Web Developer, Startup Matchmaker 2015 - present

+

Used a design team's wireframes to develop this
company's responsive homepage.

+
+
+ Matchmaker +
+
+ +
+
+

Web Developer, CitiPix 2015 – present

+

Built web app prototype that allows users to store
and quickly retrieve photos using keywords.

+
+
+ CitiPix +
+
+
+ +
+

EDUCATION

+

General Assembly — FEWD 2015

+

College of Soft Knocks — B.S. 2009

+

School of Hard Knocks — 2005 (Honors)

+
+ + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..5a70a99 --- /dev/null +++ b/style.css @@ -0,0 +1,83 @@ +html { + font-family: Arial; + color: #fffafa; +} +body { + background-color: #293542; + margin: 20px; +} +h1 { + font-weight: bold; + font-size: 80px; + text-align: center; +} +h2,h3,h3,p { + padding: 10px; +} +h2 { + font-size: 35px; +} +h3 { + font-size: 25px; + text-decoration: underline; + font-weight: bold; +} +h4 { + font-size: 20px; + line-height: 125%; +} +p { + font-size: 20px; +} +a { + color: #fffafa; +} +ul { + text-align: center; +} +li { + display: inline; + padding: 10px; +} +.job { + clear: both; +} +.jobtext { + float: left; + background-color: #fffafa; + border: 2px solid; + border-radius: 10px; + margin: 10px; + color: #293542; + width: 500px; + height: 170px; + +} +.jobimageframe { + background-color: yellow; +} +.jobimage { + width: 25%; + border-radius: 10px; + border: 2px solid #fffafa; + float: right; + margin: 10px; +} +#aboutme { + float: left; +} +#mugshot { + border: 2px solid white; + float: right; + border-radius: 10px; + margin: 10px 20px; +} +#education { + clear: both; +} +#experience { + text-align: justify; +} +footer { + clear: both; +}