<html lang="en-US"> <head> <title>Michael R. Welsh</title> <meta charset="UTF-8"> <meta name="author" content="Michael Reed Welsh"> <meta name="description" content="Homepage page for Michael Welsh"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/style.css"> <link href='https://fonts.googleapis.com/css?family=Nunito%7CLobster%7CDroid+Serif' rel='stylesheet' type='text/css'> </head> <body> <nav> <h1 id="top">Michael R. Welsh</h1> <ul> <li><a href="#top">Home</a></li> <li><a href="#folio">Portfolio</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#skills">Skills</a></li> </ul> </nav> <div class="me"> <img class="profile" src="https://michaelreedwelsh.github.io/portfolio/img/prof1.jpg" alt="photograph of Michael Welsh"> <p>My name is Michael Welsh. Currently I am studying front end web development through the Treehouse Techdegree program. I am also pursuing a full stack certification through FreeCodeCamp. I use Codecademy for supplemental learning and practice. It is my intention to become proficient in HTML, CSS, and Javascript before the end of this year. I am also teaching myself SQL and Ruby.</p> </div> <div class="portfolio" id="folio"> <h2>Portfolio</h2> <div class="folio"> <a href="https://michaelreedwelsh.github.io/c-town/" target="_blank"><img src="https://michaelreedwelsh.github.io/c-town/img/house.jpg" alt="chestertown home"></a> <h3>Landing Page</h3> <p>This is a landing page for my hometown of Chestertown, Maryland. I put this together during a course on Treehouse.</p> </div> <div class="folio"> <a href="https://michaelreedwelsh.github.io/random/" target="_blank"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTUPiXLeJHrpeEXwi9wqpefdhruuBA2NSw04OFBwilJyqX9I0GD9g" alt="random numbers scattered around"></a> <h3>Random Number Generator</h3> <p>This is a random number generator made using basic Javascript, a Bootstrap button, and some basic HTML and CSS. The button doesn't actually call a function, it refreshes the page.</p> </div> <div class="folio"> <a href="#"><img src="https://scontent-sea1-1.xx.fbcdn.net/hphotos-xtf1/v/t1.0-9/12794391_10207655406718240_6315147394966087192_n.jpg?oh=9d62005c0806e1c088dc7a865c5943b1&oe=57734D8F" alt="photo of my pug"></a> <h3>Photo Gallery</h3> <p>This project doesn't actually exist yet. I will eventually build something like this and replace the dead link. It will probably be filled with pictures of my dog.</p> </div> <div class="folio"> <a href="https://michaelreedwelsh.github.io" target="_blank"><img src="https://scontent-sea1-1.xx.fbcdn.net/hphotos-prn2/v/t1.0-9/10363952_10203947878552353_2665359704930871999_n.jpg?oh=0d55df1ab59452b716b4792e467e651a&oe=577974CD" alt="photo of an idiot in a kayak"></a> <h3>Marketing Page</h3> <p>This has something of a misleading title. This is a link to a profile page I have been putting together for myself as a way to play around with new techniques I learn. I am marketing myself, so it's not a complete misnomer.</p> </div> <div class="folio"> <a href="https://michaelreedwelsh.github.io/online_registration_form/"><img src="http://frutbunn.tk/wp-content/uploads/2015/06/js.png" alt="html5 css and javascript emblems"></a> <h3>Fake Submission Form</h3> <p>This is a submission form I built as a project for the Treehouse techdegree program. It was designed based on a mockup from Treehouse. It doesn't actually submit anything.</p> </div> <div class="folio"> <a href="https://google.com" target="_blank"><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTtSUqYGMOvcE1G3arEek2KEis0pI8iy-lTStf4hjeTt2zEEOUjsw" alt="image of google search page"></a> <h3>Search Page</h3> <p>This project does not yet exist. This is filler to keep the page from being blank and provide practice for adjusting content layout for different screen sizes. The link takes you to Google. I am in no way associated with Google.</p> </div> </div> <div id="skills" class="skills"> <h2>Skills</h2> <p>Currently I work as a bartender and manager in a busy corporate restaurant. I believe many of the skills I have learned in this industry to be relevant in any work environment.</p> <h3>Leadership</h3> <p>Keeping a restaurant running smoothly requires tending to it's many moving parts. I believe this skill is useful in any industry. I frequently manage a staff of up to 20 people and know how to keep people working together towards a common goal.</p> <h3>Multitasking</h3> <p>Tending bar can be chaotic. You have to plan 10 steps ahead and have both hands doing something at all times. Over the years I learned to keep a level head and remain calm during stressful moments. I plan ahead and always know what I am doing next.</p> <h3>Customer Service</h3> <p>I have spent many years engaging with customers face to face. I know how to communicate well with people who don't necessarily know exactly what they want. I am very good at explaining things to people in simple and understandable terms.</p> </div> <footer class="clearfix"> <div class="fleft"> <h2 id="contact">Contact Info</h2><br> <a href="mailto:michaelreedwelsh@gmail.com?Subject=Hello" target="_top"> <p>MichaelReedWelsh@gmail.com</p> </a> <p><a href="tel:4107085222">410.708.5222</a></p> <a href="https://twitter.com/EkeltonWelsh"><img class="social" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Twitter_Logo_Mini.svg/234px-Twitter_Logo_Mini.svg.png" alt="twitter icon"></a> <a href="https://www.linkedin.com/in/michael-welsh-b1999b114 "><img class="social" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Linkedin_icon.svg/256px-Linkedin_icon.svg.png" alt="linkedin icon"></a> <a href="https://www.facebook.com/ekeltonwelsh"><img class="social" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/F_icon.svg/267px-F_icon.svg.png" alt="facebook icon"></a> <a href="https://github.com/michaelreedwelsh"><img class="social" src="https://pixabay.com/static/uploads/photo/2013/07/12/19/25/github-154769_960_720.png" alt="github icon"></a> <p>© 2016 Michael Reed Welsh</p> <a id="smallhome" href="#top" style="font-size: .9rem; font-weight: bold;"> ⇑ HOME ⇑</a> </div> <div class="fright"> <ul class="largefoot"> <li><a href="#top">Home</a></li> <li><a href="#folio">Portfolio</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#skills">Skills</a></li> </ul> </div> </footer> </body> </html>

!