index.html (6648B)
1 <!DOCTYPE HTML> 2 <!-- 3 Dimension by HTML5 UP 4 html5up.net | @ajlkn 5 Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 6 --> 7 <html> 8 <head> 9 <title>Matt Fehrenbach's Homepage</title> 10 <meta charset="utf-8" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 12 <link rel="stylesheet" href="assets/css/main.css" /> 13 <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> 14 </head> 15 <body class="is-preload"> 16 17 <!-- Wrapper --> 18 <div id="wrapper"> 19 20 <!-- Header --> 21 <header id="header"> 22 <div class="logo"> 23 <span class="icon fa-gem"></span> 24 </div> 25 <div class="content"> 26 <div class="inner"> 27 <h1>Matt Fehrenbach</h1> 28 <p>Programmer | DevOps Engineer | Linux Hobbyist</p> 29 </div> 30 </div> 31 <nav> 32 <ul> 33 <!--<li><a href="#intro">Intro</a></li>--> 34 <li><a href="#work">Work</a></li> 35 <li><a href="#about">About</a></li> 36 <li><a href="#contact">Contact</a></li> 37 <!--<li><a href="#elements">Elements</a></li>--> 38 </ul> 39 </nav> 40 </header> 41 42 <!-- Main --> 43 <div id="main"> 44 45 <!-- Intro --> 46 <!-- 47 <article id="intro"> 48 <h2 class="major">Intro</h2> 49 <span class="image main"><img src="images/pic01.jpg" alt="" /></span> 50 <p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my <a href="#work">awesome work</a>.</p> 51 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p> 52 </article> 53 --> 54 55 <!-- Work --> 56 <article id="work"> 57 <h2 class="major">Work</h2> 58 <span class="image main"><img src="https://mattfehrenbach.eu-central-1.linodeobjects.com/wide02.png" alt="" /></span> 59 <p>Through my job, I have been able to use tools such as Azure DevOps to bring about the continuous integration and continuous delivery of our software. Another important aspect of my work has been the use of Agile practices such as behaviour-driven development and test-driven development—enabled by tools like Specflow—in order to assure quality.</p> 60 <p>Various pieces of work—both occupational and recreational—have allowed me to delve into the world of Docker and virtual machines. Whether it has been creating build agents, containerising web API software, or tweaking QEMU for hardware acceleration; each has given me insight into application deployment and system administration. By the way, check out my <a href="resume.pdf">resume</a>.</p> 61 </article> 62 63 <!-- About --> 64 <article id="about"> 65 <h2 class="major">About</h2> 66 <span class="image main"><img src="https://mattfehrenbach.eu-central-1.linodeobjects.com/wide03.jpg" alt="wide03.jpg" /></span> 67 <p>Beginning my study at the University of Hull in 2015, I graduated with first-class honours as a Master of Science in Computer Science in 2019. This gave me the opportunity to learn about various topics, ranging from component based architectures to languages and compilers. As well as this, university gave me the opportunity to develop my interpersonal skills by mentoring junior students in a practical setting as a laboratory demonstrator.</p> 68 <p>Among other things, I have been able to work at various places to expand my horizons. During my final year of university I worked on an ASP.NET Core project for a local business where I could apply Agile methodologies. This enabled me to secure a job, after the completion of my study, as a Software Engineer at NEC Software Solutions.</p> 69 <p>More recently I moved to Luxembourg to gain perspective on the production side of software with a job as an IT Operations Analyst (Linux).</p> 70 </article> 71 72 <!-- Contact --> 73 <article id="contact"> 74 <h2 class="major">Contact</h2> 75 <form method="post" action="mailto:m.fehrenbach@protomail.com" target="_top"> 76 <div class="fields"> 77 <div class="field half"> 78 <label for="name">Name</label> 79 <input type="text" name="name" id="name" /> 80 </div> 81 <div class="field half"> 82 <label for="email">Email</label> 83 <input type="text" name="email" id="email" /> 84 </div> 85 <div class="field"> 86 <label for="message">Message</label> 87 <textarea name="message" id="message" rows="4"></textarea> 88 </div> 89 </div> 90 <ul class="actions"> 91 <li><input type="submit" value="Send Message" class="primary" /></li> 92 <li><input type="reset" value="Reset" /></li> 93 </ul> 94 </form> 95 <!--<ul class="icons">--> 96 <!--<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>--> 97 <!--<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>--> 98 <!--<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>--> 99 <!--<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>--> 100 <!--<li><a href="#" class="icon business fa-address-card"><span class="label">CV</span></a></li>--> 101 <!--</ul>--> 102 </article> 103 104 105 </div> 106 107 <!-- Footer --> 108 <footer id="footer"> 109 </footer> 110 111 </div> 112 113 <!-- BG --> 114 <div id="bg"></div> 115 116 <!-- Scripts --> 117 <script src="assets/js/jquery.min.js"></script> 118 <script src="assets/js/browser.min.js"></script> 119 <script src="assets/js/breakpoints.min.js"></script> 120 <script src="assets/js/util.js"></script> 121 <script src="assets/js/main.js"></script> 122 123 </body> 124 </html> 125