diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/.nojekyll @@ -0,0 +1 @@ + diff --git a/01week/resume/CSS.css b/01week/resume/CSS.css new file mode 100644 index 0000000000..99d886a1f8 --- /dev/null +++ b/01week/resume/CSS.css @@ -0,0 +1,180 @@ + +body{ + background : url('images/retrowave-3-dimensional-artwork-neon-oceanchrome-eb-1920x1080.jpg'); + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + +} + + + +ul{ + list-style-type: none; + overflow:hidden; +} + +li{ + float:right; + color:white; + text-align:center; + width:12%; + height:25px; + padding: 10px; + transition: background-color 0.5s ease; + background-color: rgb(75, 75, 75); + font-family: 'Courier New', Courier, monospace; +} + +a { + text-decoration:none; +} + +a:link {color:White; background-color:transparent; text-decoration:none} +a:visited {color:White; background-color:transparent; text-decoration:none} +a:hover {color:White; background-color:transparent; text-decoration:none} +a:active {color:White; background-color:transparent; text-decoration:none} + +li:hover{ + background-color:#111111 +} + + + +h1{ + margin-bottom:0px; + font-size:100px; + margin-left:75px; + font-family:Arial, Helvetica, sans-serif; +} + +h2{ + padding-left: 2%; + font-size:50px; +} + +article{ + color:white; + margin-top:50px; + width:40%; + height:300px; + background-color: rgba(17, 16, 16, 0.9); + border:2px solid black; + font-size: 25px; + + +} + +nav{ + + height:50px; + width:100%; + margin-bottom:20px; +} + +header{ + padding-top:10px; + background-color: rgb(0,72,124); + width:100%; + height:75px; + border-bottom:1px solid black; +} + +p{ + padding-left: 3%; + padding-right: 3%; + text-indent: 50px; font-size:21px +} + + + + + +div#wrapper{ + + min-width:1000px; + + margin-left:20%; + margin-right:20%; + height:910px; + margin-bottom:20px; + margin-top: 15px; +} + +footer{ +padding:5px; +text-align:center; +} + + + +/*Wanted a fade in effect, already existed so I copy pasted the css*/ + + +/* make keyframes that tell the start state and the end state of our object */ + +@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } +@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } +@keyframes fadeIn { from { opacity:0; } to { opacity:1; } } + +.fade-in { + opacity:0; /* make things invisible upon start */ + -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ + -moz-animation:fadeIn ease-in 1; + animation:fadeIn ease-in 1; + + -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ + -moz-animation-fill-mode:forwards; + animation-fill-mode:forwards; + + -webkit-animation-duration:1s; + -moz-animation-duration:1s; + animation-duration:1s; +} + +/*Different varients on the fade in, controls the fade in speed*/ + +.fade-in.one { +-webkit-animation-delay: 0.7s; +-moz-animation-delay: 0.7s; +animation-delay: 0.7s; +} + +.fade-in.two { +-webkit-animation-delay: 1.2s; +-moz-animation-delay:1.2s; +animation-delay: 1.2s; +} + +.fade-in.three { +-webkit-animation-delay: 1.6s; +-moz-animation-delay: 1.6s; +animation-delay: 1.6s; +} + + +.fade-in.four { +-webkit-animation-delay: 1.8s; +-moz-animation-delay: 1.8s; +animation-delay: 1.8s; + } + + + + +p#article_p{ + font-size: 26px; + margin:7px; + padding:2px; + border-bottom: 1px solid black; + +} + +h3{ + color: rgb(255, 255, 255); + padding:0; + margin:0; + margin-left:10px; + font-family: Georgia, 'Times New Roman', Times, serif +} + diff --git a/01week/resume/Education.html b/01week/resume/Education.html new file mode 100644 index 0000000000..859d0298ef --- /dev/null +++ b/01week/resume/Education.html @@ -0,0 +1,83 @@ + + + + + + + Education + + + + + + + +
+ + + + +
+ + + +
+ +
+

Education

+
+ +
+ I am still in High School lmao +
+ +
+ + + + + +
+ + + +
+ + + + + diff --git a/01week/resume/Portfolio.html b/01week/resume/Portfolio.html new file mode 100644 index 0000000000..5bbb7bb02d --- /dev/null +++ b/01week/resume/Portfolio.html @@ -0,0 +1,255 @@ + + + + + + + Portfolio + + + + + + + +
+ + + + +
+ + + +
+ +
+

Portfolio

+
+ + +
+ +
+ +
+

Output

+

+ Test Encryption - Inputed string/information

+ 84 + 101 + 115 + 116 + 32 + 69 + 110 + 99 + 114 + 121 + 112 + 116 + 105 + 111 + 110
+ - Ascii values

+ 9 8 1 2 4 + - Encryption code

+ + 15 15 + - Ascii array and Encrypted array length(s)

+ + 28556 + 11110 + 13586 + 17909 + 4049 + 8792 + 18117 + 8954 + 13469 + 32458 + 14435 + 12760 + 17136 + 12210 + 11100
+ - Encrypted ascii

+ + 84 + 101 + 115 + 116 + 32 + 69 + 110 + 99 + 114 + 121 + 112 + 116 + 105 + 111 + 110
+ - Decrypted ascii

+ Test Encryption - Original Message
+

+ + +
+

Encryption

+
+

Code Snippit

+

+ + public static void encrypt(){
+ + int a = code.charAt(0)-48;
+ int b = code.charAt(1)-48;
+ int c = code.charAt(2)-48;
+ int d = code.charAt(3)-48;
+ int e = code.charAt(4)-48;
+ + for(int i = 0;i<INIT_MSG.length();i++)
{
+ encyp_ascii_array[i] = asciiarray[i] *(a-(b*b))*(d-e);
+ +
+ /* Because this isn't random enough looking and gives similar modifications + to similar characters (an a will have the same value as another a farther + in the sequence) This next set of modifactions is applied based on sequence, + not ascii value.*/

+ + if(i%2==0 ){
+ encyp_ascii_array[i] +=e*a*d*c*a;
+ }
+ if(i%3==0 ){
+ encyp_ascii_array[i] +=a*d*e+c+5000;
+ }
+ if(i%4==0 ){
+ encyp_ascii_array[i] +=d-c*d*a*c*a;
+ } + + /* For each value 0-9, there are 2 additional modifiers + based on sequence*/ + } + + + +

+ + + +
+ +
+

Output

+

+ Honestly this worked at one point but our router changed + and because of that I had to redo the port forwarding and + now it's big broke. + +

+ + +
+

TextSend

+
+

Code Snippit

+

+ //Client Run() Method

+ public void run() throws Exception{
+ Socket socket = new Socket("172.8.169.224", 1100);
+ printstream = new PrintStream(socket.getOutputStream());
+ + + InputStreamReader InputReader = new InputStreamReader(socket.getInputStream());
+ BufferedReader BufferedReader = new BufferedReader(InputReader);
+ + while(true){
+ + + String Message = BufferedReader.readLine(); //Reads server input
+ client_GUI.ServerInput("Server: "+Message); //outputs server input to client screen
+ System.out.println(Message); + + }
+ }
+ +
//Server Run() Methond

+ public void run() throws Exception{
+ ServerSocket ServerSocket = new ServerSocket(1100);
+ Socket Socket = ServerSocket.accept();
+ printstream = new PrintStream(Socket.getOutputStream());
+ + + InputStreamReader InputReader = new InputStreamReader(Socket.getInputStream());
+ BufferedReader BufferedReader = new BufferedReader(InputReader);
+ + + + + while(true){
+ + String Message = BufferedReader.readLine();
+ Server_GUI.ServerInput("Client: "+Message);
+ System.out.println(Message);
+ + + }
+ }
+ +

+ + +
+
+
+ + + + + + + + + + + + + + + + diff --git a/01week/resume/Referals.html b/01week/resume/Referals.html new file mode 100644 index 0000000000..95660361f3 --- /dev/null +++ b/01week/resume/Referals.html @@ -0,0 +1,126 @@ + + + + + + + Referals + + + + + + + +
+ + + + +
+ + + +
+ +
+

Referals

+
+ +
+

+ Paintopia LLC +

+ +

+ Status: Part time
+ Title: House Painter
+ Supervisor: David
+ Job responsiblites: Painting, masking, cleanup
+ Employed from: 2015-present
+

+ +
+ +
+

+ Metropolitan Tree Service +

+

+ Status: Part time
+ Title: Ground man
+ Superviser: Leo
+ Job Responsibilites: Clearing debris, driving, safe powertool use
+ Employed from: 2017-present
+

+ +
+
+

+ Alliance Chiropractic +

+ +

+ Status: Terminated
+ Title: Stock boy
+ Superviser: Vivian
+ Job Responsibilites: Cleaning, stocking shelves, product organization
+ Employed from: 2014-2015
+ +

+ +
+ + + + +
+ + + + + +
+ + + +
+ + + + + diff --git a/01week/resume/Resume.pdf b/01week/resume/Resume.pdf new file mode 100644 index 0000000000..0309c0e07e Binary files /dev/null and b/01week/resume/Resume.pdf differ diff --git a/01week/resume/UC.html b/01week/resume/UC.html new file mode 100644 index 0000000000..1e532a7aaa --- /dev/null +++ b/01week/resume/UC.html @@ -0,0 +1,5 @@ +This page is under construction + + + Click here to return home + \ No newline at end of file diff --git a/01week/resume/bio.html b/01week/resume/bio.html new file mode 100644 index 0000000000..3768634eb9 --- /dev/null +++ b/01week/resume/bio.html @@ -0,0 +1,128 @@ + + + + + + + Bio + + + + + + + +
+ + + + +
+ + + +
+ +
+

Bio

+
+
+ +
+ +
+

+ I was born January 1st 2001 in roseville, CA. + My family moved up the west coast since my birth. + From Roseville to Medford, OR; to Kent, WA; and finally to Seattle, WA. + When I was 13 I got my first job as a stock boy at my mom’s friends clinic. + After that I ran my own various businesses from yard work to running a convenience store out of my locker. + When I was 15 I started working with my dad painting houses and that is what I still do today. + + +

+

+ I have always been interested in computers, both hardware and + software. My first computer was a broken laptop my mom handed + down to me. She didn’t think I could actually use it, but one + windows repair disk and a hdd replacement and it was good to go. + Since then I have been building my own computers and doing all + of the maintenance on them. I first got into CS when I + enrolled in a Java course sophomore year of highschool. + The intro class was full so I was thrown into AP. Computer + science fit like a glove and soon I was ahead of the class, + completing side projects, and using methods and libraries + we haven’t been taught to use. + +

+

+ Last year I moved to San Antonio and now I am finishing up + high school and should graduate before December. My plan is + to finish high asap, complete ACA full stack c#.net, and + work for my uncle at his communications company based in + Seattle. + +

+
+ + + + + + +
+ + + + + +
+ + + +
+ + + + + diff --git a/01week/resume/css/style.css b/01week/resume/css/style.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/01week/resume/images/Headshot.png b/01week/resume/images/Headshot.png new file mode 100644 index 0000000000..d45732ff37 Binary files /dev/null and b/01week/resume/images/Headshot.png differ diff --git a/01week/resume/images/retrowave-3-dimensional-artwork-neon-oceanchrome-eb-1920x1080.jpg b/01week/resume/images/retrowave-3-dimensional-artwork-neon-oceanchrome-eb-1920x1080.jpg new file mode 100644 index 0000000000..da7e104bcf Binary files /dev/null and b/01week/resume/images/retrowave-3-dimensional-artwork-neon-oceanchrome-eb-1920x1080.jpg differ diff --git a/01week/resume/index.html b/01week/resume/index.html index e69de29bb2..3f2a9fbdba 100644 --- a/01week/resume/index.html +++ b/01week/resume/index.html @@ -0,0 +1,138 @@ + + + + + + + Home + + + + + + + +
+ + + + +
+ + + +
+ +
+

Jarboe.

+
+ + + +
+

"Innovator"

+
+ +
+ + +

+ -Object orientated java +

+

+ -Gimp image editing +

+

+ -Unity game development +

+

+ -Blender 3d model creation +

+

+ -HTML/CSS +

+ +
+ +
+

"Designer"

+
+ +
+

"Web Developer"

+
+ + + +
+ +
+ + + + +
+ + + + + +
+ + + +
+ + + + + diff --git a/02week/bio/.vs/ProjectSettings.json b/02week/bio/.vs/ProjectSettings.json new file mode 100644 index 0000000000..f8b4888565 --- /dev/null +++ b/02week/bio/.vs/ProjectSettings.json @@ -0,0 +1,3 @@ +{ + "CurrentProjectSetting": null +} \ No newline at end of file diff --git a/02week/bio/.vs/VSWorkspaceState.json b/02week/bio/.vs/VSWorkspaceState.json new file mode 100644 index 0000000000..6b6114114f --- /dev/null +++ b/02week/bio/.vs/VSWorkspaceState.json @@ -0,0 +1,6 @@ +{ + "ExpandedNodes": [ + "" + ], + "PreviewInSolutionExplorer": false +} \ No newline at end of file diff --git a/02week/bio/.vs/bio/v15/.suo b/02week/bio/.vs/bio/v15/.suo new file mode 100644 index 0000000000..78e4e53e11 Binary files /dev/null and b/02week/bio/.vs/bio/v15/.suo differ diff --git a/02week/bio/.vs/slnx.sqlite b/02week/bio/.vs/slnx.sqlite new file mode 100644 index 0000000000..474589fab4 Binary files /dev/null and b/02week/bio/.vs/slnx.sqlite differ diff --git a/02week/bio/CSS.css b/02week/bio/CSS.css new file mode 100644 index 0000000000..535a199369 --- /dev/null +++ b/02week/bio/CSS.css @@ -0,0 +1,120 @@ + + +body{ + margin:auto; + width:1000px; + height:1450px; + +} + +div#wrapper{ + background-color:rgb(106, 159, 177); + width:1000px; + height:1450px; +} + + + +header{ + color:white; + margin-top:260px; + margin-right:15%; + float:right; +} + + + + + +picture{ + margin-left:7%; + width:40%; +} + +main{ + width:66%; + margin-left:16.5%; + margin-right:16.5%; + margin-top:20px; + background-color:white; + padding:20px; + border-radius:5px; + box-shadow: 0px 0px 2px 2px; +} + + + +h1{ + color:white; + font-size:100px; + margin:0; +} + +h2{ + color:rgb(40, 77, 112); + font-size:40px; + margin-top:0; + margin-left:40px; +} +h3{ + color:rgb(40, 77, 112); + font-size:40px; + margin-left:43%; +} + +h4{ + font-size:25px; + color: rgb(27, 41, 59); +} + +h4:first-child{ + margin-left:20%; + display:inline; +} + +h4:last-child{ + margin-left:32%; + display:inline; +} + +video{ + width:40%; + margin-left:7%; + margin-bottom:10px; + border: 2px solid black; +} + +p{ + font-size:24px; + margin-top:0px; + text-indent:50px +} + +p:nth-child(1){ + + margin-bottom:0px; +} + +img{ + width:40%; + margin-bottom:15px; + margin-top:25px; + border: 2px solid black; +} + +img.social{ + width:50px; + border:none; +} + +footer{ + padding-right:20px; + background-color:rgb(106, 159, 177); + text-align:right; +} + + + + + + \ No newline at end of file diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css deleted file mode 100644 index e69de29bb2..0000000000 diff --git a/02week/bio/images/Headshot.png b/02week/bio/images/Headshot.png new file mode 100644 index 0000000000..d45732ff37 Binary files /dev/null and b/02week/bio/images/Headshot.png differ diff --git a/02week/bio/images/deer.png b/02week/bio/images/deer.png new file mode 100644 index 0000000000..046d6b2a95 Binary files /dev/null and b/02week/bio/images/deer.png differ diff --git a/02week/bio/images/fb_icon_325x325.png b/02week/bio/images/fb_icon_325x325.png new file mode 100644 index 0000000000..97ad29bc0e Binary files /dev/null and b/02week/bio/images/fb_icon_325x325.png differ diff --git a/02week/bio/images/haleRender.png b/02week/bio/images/haleRender.png new file mode 100644 index 0000000000..7f3d9fccda Binary files /dev/null and b/02week/bio/images/haleRender.png differ diff --git a/02week/bio/images/instagram.png b/02week/bio/images/instagram.png new file mode 100644 index 0000000000..5096838cc3 Binary files /dev/null and b/02week/bio/images/instagram.png differ diff --git a/02week/bio/images/linkedIn.png b/02week/bio/images/linkedIn.png new file mode 100644 index 0000000000..ce5a394bc6 Binary files /dev/null and b/02week/bio/images/linkedIn.png differ diff --git a/02week/bio/index.html b/02week/bio/index.html index e69de29bb2..cb58164a46 100644 --- a/02week/bio/index.html +++ b/02week/bio/index.html @@ -0,0 +1,149 @@ + + + + + + + + + + + +
+
+

SeaJay

+

Jack of all trades

+
+ + + + + +
+ +

+ Hi! I'm SeaJay,
+

+

+ I am a 17 year old web designer, (future) software engineer, + twitch streamer, and lumberjack. I recently moved + to San Antonio from Seattle where I was raised. I have + a passion for software engineering and hope to pursue + computer science as a career. My dream is to live downtown + and operate a fully automated hydroponic farm, the perfect + combination of nature and technology. + +

+
+ +

Gallery

+
+

Twitch clips

+

Blender renders

+
+
+ + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + diff --git a/02week/bio/videos/Clip1.mp4 b/02week/bio/videos/Clip1.mp4 new file mode 100644 index 0000000000..30747c48b1 Binary files /dev/null and b/02week/bio/videos/Clip1.mp4 differ diff --git a/02week/bio/videos/Clip2.mp4 b/02week/bio/videos/Clip2.mp4 new file mode 100644 index 0000000000..4ddd425d31 Binary files /dev/null and b/02week/bio/videos/Clip2.mp4 differ diff --git a/03week/airplane/beta.txt b/03week/airplane/beta.txt new file mode 100644 index 0000000000..9e28ec73f3 --- /dev/null +++ b/03week/airplane/beta.txt @@ -0,0 +1,92 @@ + + + + Airline Project + + + +
+ + logo + +

Register/login

+ +

Flight Schedule

+ +

Travel Deals

+ +

Home

+ + + + + + + + + +
+ +
+ + +
+ + + + + + + + +body { + background-image: url("../img/airline.jpg"); + + } + +header{ + background-color:#193A55; +} + + +body.top { + background-image: url("../img/logo.jpg"); + background-position: top; + background-repeat: no-repeat; + background-size: 300px 100px; +} +header:nth-child(2) +{ + position: absolute; +} + + +.icon { + float: right; + margin-top: 20px; + margin-left: 20px; + + +} + +h4{ + float:right; + color:white; + margin-left:5px; +} + + +h4:nth-of-type(1) { + margin-right: 20px; +} + +/* #layout > div:nth-child(2){ + background-color: purple; + width: 50%; + height: 25%; + position: absolute; + bottom:0; + left: 25%; +} */ \ No newline at end of file diff --git a/04week/nasa/css/style.css b/04week/nasa/css/style.css index e69de29bb2..896b6f11b0 100644 --- a/04week/nasa/css/style.css +++ b/04week/nasa/css/style.css @@ -0,0 +1,64 @@ +#wrapper{ + width:850px; + margin: 0 auto; + +} +h1{ + font-family:sans-serif; + color:white; + position: absolute; + font-size:80px; + top:18%; + left:50%; + transform: translate(-50%, -50%); +} +h2{ + font-size:20px; + font-family:sans-serif; +} +h3{ + margin:5px auto; + font-size:15px; + font-family: sans-serif; + +} +p{ + line-height: 25px; +} +#info{ + display:flex; + margin-top:20px; + justify-content: space-between; + justify-content: center; + background-color:lightgrey; + height: 324px; + width:850px; + justify-content: space-around; +} + +.x{ + padding-left:25px; + width:270px; + display:flex; + flex-direction: column; + +} + +[type ="text"]{ + width:220px; +} + +[type ="text"]:nth-of-type(2){ + height:100px; +} + +[type ="button"]{ + border:0; + margin-top:10px; + color:white; + font-size:15px; + font-family:Arial, Helvetica, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + background:rgb(63, 63, 63); + width:70px; + padding:7px; +} \ No newline at end of file diff --git a/04week/nasa/img/nasa-background.jpg b/04week/nasa/images/nasa-background.jpg similarity index 100% rename from 04week/nasa/img/nasa-background.jpg rename to 04week/nasa/images/nasa-background.jpg diff --git a/04week/nasa/index.html b/04week/nasa/index.html index e69de29bb2..97fa0030e8 100644 --- a/04week/nasa/index.html +++ b/04week/nasa/index.html @@ -0,0 +1,44 @@ + + + + + + + + +
+ +

NASA

+
+
+

Social Media

+

Twitter -@nasa
+ Facebook -fb.com/nasa
+ Instagram -@nasa
+ Youtube -youtube.com/NASA +

+
+
+

OFFICE INFO

+

Public Communications Office
+ NASA Headquarters
+ 300 E. Street SW, Suite 3R30
+ Washington, DC 20546
+ (202) 358-0001 (Office)
+ (202) 358-4338 (Fax

+
+
+

CONTACT

+
+

Name

+ +

Message

+ + +
+
+
+
+ + + diff --git a/images/background.jpg b/images/background.jpg new file mode 100644 index 0000000000..5599a47248 Binary files /dev/null and b/images/background.jpg differ diff --git a/images/bio.png b/images/bio.png new file mode 100644 index 0000000000..1b84400f76 Binary files /dev/null and b/images/bio.png differ diff --git a/images/fb.png b/images/fb.png new file mode 100644 index 0000000000..97ce38d76a Binary files /dev/null and b/images/fb.png differ diff --git a/images/ig.png b/images/ig.png new file mode 100644 index 0000000000..ff0582dd4c Binary files /dev/null and b/images/ig.png differ diff --git a/images/img1.jpg b/images/img1.jpg new file mode 100644 index 0000000000..309f63a49c Binary files /dev/null and b/images/img1.jpg differ diff --git a/images/in.png b/images/in.png new file mode 100644 index 0000000000..9b5f2d13fb Binary files /dev/null and b/images/in.png differ diff --git a/images/week1.png b/images/week1.png new file mode 100644 index 0000000000..481d7cad89 Binary files /dev/null and b/images/week1.png differ diff --git a/index.html b/index.html index 8924f2b385..e5b948ca07 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,103 @@ + -

Hello world!

+
+
+

Landing

+
+ +
+

RESUME

+

WEEK

+ + + + + +
+ +
+

BIO

+

WEEK 2

+ + + +
+ +
+

WEEK 3

+ + + +
+ +
+

WEEK 4

+ + + +
+ +
+

WEEK 5

+ + + +
+ +
+

WEEK 6

+ + + +
+ +
+

WEEK 7

+ + + +
+ +
+

WEEK 8

+ + + +
+ +
+

WEEK 9

+ + + +
+ + + + + +
+ diff --git a/nofile.html b/nofile.html new file mode 100644 index 0000000000..c41db17445 --- /dev/null +++ b/nofile.html @@ -0,0 +1,5 @@ +Sorry the page you are looking for is unavailable + + + Click here to return to landing + \ No newline at end of file diff --git a/style.css b/style.css index 65eacb2efb..88eb131377 100644 --- a/style.css +++ b/style.css @@ -1 +1,89 @@ -/* You can style your links page here */ +body{ + margin:auto; + width:1400px; + + background: url(images/background.jpg); + background-repeat: no-repeat; + background-size: 1920px; +} +header{ + text-align: center; + margin-bottom:0; +} +h1{ + font-family: 'Times New Roman', Times, serif; + font-size: 75px; + padding:0; + margin-top:15px; + margin-bottom:15px; + border-bottom: 5px solid white; +} + +h2{ + font-family: 'Times New Roman', Times, serif; + font-size:50px; + position: absolute; + padding:76px; + padding-top:50px; + padding-bottom:101px; + width:11.8%; + text-align:center; + margin-top:0; + border:2px solid white; + min-width: 222px; + +} +article h2:nth-child(2){ + font-size:40px; + border:none; + margin-top:50px; +} + +article{ + margin-left:5%; + margin-top:70px; + width:27%; + height:214px; + background-color:rgba(0, 0, 0, 0.486); + display:inline-block; + +} + +#wrapper{ + width:1400px; + +} + +article:nth-of-type(1) , article:nth-of-type(2), article:nth-of-type(3){ + margin-top:0; +} + + +img.top:hover{ + opacity:0; + +} + +.top{ + -webkit-transition: opacity 0.7s ease-in-out; + min-width: 380px; +} + +img.social{ + position: relative; + width:50px; + border:none; +} + +img.top{ + position: absolute; + width:20%; + margin:none; + display:inline-block; + +} + + +footer{ + margin-top: 70px; +} \ No newline at end of file