Updated some information and cleaned up the HTML
Also added OpenSans-Regular-webfont.woff as a preload to improve performance
This commit is contained in:
parent
a85aa49894
commit
87d881e6d0
213
index.html
213
index.html
@ -36,6 +36,11 @@
|
|||||||
================================================== -->
|
================================================== -->
|
||||||
<link rel="shortcut icon" href="favicon.png" >
|
<link rel="shortcut icon" href="favicon.png" >
|
||||||
|
|
||||||
|
<!-- Preloads
|
||||||
|
================================================== -->
|
||||||
|
<link rel="preload" href="fonts/opensans/OpenSans-Regular-webfont.woff" as="font">
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -72,7 +77,7 @@
|
|||||||
<div id="header-eng-div">
|
<div id="header-eng-div">
|
||||||
<p>Electrical Engineer & Computer Scientist</p>
|
<p>Electrical Engineer & Computer Scientist</p>
|
||||||
</div>
|
</div>
|
||||||
</h4>
|
</h3>
|
||||||
|
|
||||||
|
|
||||||
<ul class="social">
|
<ul class="social">
|
||||||
@ -104,17 +109,18 @@
|
|||||||
|
|
||||||
<div class="nine columns main-col">
|
<div class="nine columns main-col">
|
||||||
<h2>Who am I?</h2>
|
<h2>Who am I?</h2>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Currently an engineer at Marvell Semiconductor. Always curious about technological innovations and therefore graduated in electrical engineering & computer science. Strives for a complete understanding of computers, from the lowest level—i.e., the bare integrated circuits—to the highest—i.e., user space—, and is therefore always eager to learn something new. Enjoys writing small programs in his free time, either to automate everyday problems, or simply for the sake of fun, and gets excited by the seemingly endless possibilities of Linux. Loves a good read, also on non-tech subjects like economics, anthropology, or (geo)politics.
|
Currently I am a senior engineer at Marvell Semiconductor. I am always curious about technological innovations and therefore graduated in electrical engineering & computer science. Strives for a complete understanding of computers, from the lowest level—i.e., the bare integrated circuits—to the highest—i.e., user space—, and is therefore always eager to learn something new. Enjoys writing small programs in his free time, either to automate everyday problems, or simply for the sake of fun, and gets excited by the seemingly endless possibilities of Linux. Loves a good read, also on non-tech subjects like economics, anthropology, or (geo)politics.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>Contact Details</h2>
|
<h2>Contact Details</h2>
|
||||||
|
|
||||||
<p>Do you want to get in touch? <a class="smoothscroll" href="#contact">Click here to get to the contact section of this page.</a> There I provided my phone number, email address, PGP Key ID, Matrix ID and several other ways to reach me!</p>
|
<p>Do you want to get in touch? <a class="smoothscroll" href="#contact">Click here to get to the contact section of this page.</a> There I provided my phone number, email address, PGP Key ID, Matrix ID and several other ways to reach me!</p>
|
||||||
|
|
||||||
<a href="cv/resume.pdf" class="button">Download my resume</a>
|
<a href="cv/resume.pdf" class="button">Download my resume</a>
|
||||||
|
|
||||||
</div> <!-- end .main-col -->
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section> <!-- About Section End-->
|
</section> <!-- About Section End-->
|
||||||
@ -133,10 +139,9 @@
|
|||||||
|
|
||||||
<div class="nine columns main-col">
|
<div class="nine columns main-col">
|
||||||
|
|
||||||
|
<!-- RTWH Master item -->
|
||||||
<div class="row item">
|
<div class="row item">
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
|
|
||||||
<h3>RWTH Aachen University</h3>
|
<h3>RWTH Aachen University</h3>
|
||||||
<p class="info">M.Sc. Electrical Engineering and Computer Science<span>•</span>
|
<p class="info">M.Sc. Electrical Engineering and Computer Science<span>•</span>
|
||||||
<em class="date">October 2015 - November 2018</em></p>
|
<em class="date">October 2015 - November 2018</em></p>
|
||||||
@ -146,117 +151,122 @@
|
|||||||
<li><i>Final project</i>: "<a href="https://git.dennispotter.eu/Dennis/masters-thesis/releases">Implementation and Analysis of an InfiniBand based Communication in a Real-Time Co-Simulation Framework</a>"—An analysis and subsequent implementation of the Virtual Interface Architecture Infiniband, using the OpenStack verbs, in order to achieve high throughput and minimal latency between nodes of the real-time co-simulation framework VILLASnode. (Grade: A+)</li>
|
<li><i>Final project</i>: "<a href="https://git.dennispotter.eu/Dennis/masters-thesis/releases">Implementation and Analysis of an InfiniBand based Communication in a Real-Time Co-Simulation Framework</a>"—An analysis and subsequent implementation of the Virtual Interface Architecture Infiniband, using the OpenStack verbs, in order to achieve high throughput and minimal latency between nodes of the real-time co-simulation framework VILLASnode. (Grade: A+)</li>
|
||||||
<li><i>Modules included</i>: lectures on VLSI architectures, computer arithmetics, mixed analog signals, neural networks, new materials and devices in information technology, numerical device simulation, and operating systems. Lab training on VLSI design, FPGA programming in VHDL, and on the production of FeRAM cells.</li>
|
<li><i>Modules included</i>: lectures on VLSI architectures, computer arithmetics, mixed analog signals, neural networks, new materials and devices in information technology, numerical device simulation, and operating systems. Lab training on VLSI design, FPGA programming in VHDL, and on the production of FeRAM cells.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- RWTH Bachelor item -->
|
||||||
<div class="row item">
|
<div class="row item">
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
<h3>RWTH Aachen University</h3>
|
<h3>RWTH Aachen University</h3>
|
||||||
<p class="info">B.Sc. Electrical Engineering and Computer Science<span>•</span>
|
<p class="info">B.Sc. Electrical Engineering and Computer Science<span>•</span>
|
||||||
<em class="date">October 2011 - September 2015</em></p>
|
<em class="date">October 2011 - September 2015</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li><i>Final project</i>: “Analysis of Concepts for Power Reduction in Arithmetic Units of MAP Decoders”—A mathematical, bit accurate implementation of a decoder in MATLAB and C++, to find techniques that will potentially reduce the switching activity (and thus the power) in the arithmetic units of the decoder. (Grade: A+)</li>
|
<li><i>Final project</i>: “Analysis of Concepts for Power Reduction in Arithmetic Units of MAP Decoders”—A mathematical, bit accurate implementation of a decoder in MATLAB and C++, to find techniques that will potentially reduce the switching activity (and thus the power) in the arithmetic units of the decoder. (Grade: A+)</li>
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
<!-- Sophianum item -->
|
||||||
<div class="row item">
|
<div class="row item">
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
|
|
||||||
<h3>Sophianum SG. in het Heuvelland</h3>
|
<h3>Sophianum SG. in het Heuvelland</h3>
|
||||||
<p class="info">Gymnasium<span>•</span>
|
<p class="info">Gymnasium<span>•</span>
|
||||||
<em class="date">September 2005 - July 2011</em></p>
|
<em class="date">September 2005 - July 2011</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Comparable to a university-preparatory school with Latin as additional language.</li>
|
<li>Comparable to a university-preparatory school with Latin as additional language.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
</div> <!-- main-col end -->
|
</div> <!-- main-col end -->
|
||||||
|
|
||||||
</div> <!-- End Education -->
|
</div> <!-- End Education -->
|
||||||
|
|
||||||
|
|
||||||
<!-- Work -->
|
<!-- Work -->
|
||||||
<div class="row work">
|
<div class="row work">
|
||||||
|
|
||||||
<div class="three columns header-col">
|
<div class="three columns header-col">
|
||||||
<h1><span>Work</span></h1>
|
<h1><span>Work</span></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nine columns main-col">
|
<div class="nine columns main-col">
|
||||||
|
|
||||||
|
<!-- Marvell -->
|
||||||
<div class="row item">
|
<div class="row item">
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
|
|
||||||
<h3>Marvell Semiconductor</h3>
|
<h3>Marvell Semiconductor</h3>
|
||||||
<p class="info">Engineer<span>•</span> <em class="date">September 2019 - Present</em></p>
|
<p class="info">Senior Engineer<span>•</span> <em class="date">September 2019 - Present</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Design of digital Ethernet logic.</li>
|
<li>Design of digital logic for an automotive Ethernet product.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
<!-- Aquantia -->
|
||||||
|
<div class="row item">
|
||||||
|
<div class="twelve columns">
|
||||||
<h3>Aquantia Corporation</h3>
|
<h3>Aquantia Corporation</h3>
|
||||||
<p class="info">Member of Technical Staff<span>•</span> <em class="date">December 2018 - September 2019</em></p>
|
<p class="info">Member of Technical Staff II <span>•</span> <em class="date">December 2018 - September 2019</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Design of digital Ethernet logic.</li>
|
<li>Design of digital logic for an automotive Ethernet product.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p class="info">Consultant<span>•</span> <em class="date">August 2017 - November 2018</em></p>
|
<p class="info">Consultant<span>•</span> <em class="date">August 2017 - November 2018</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Development of a layer 2 Ethernet switch in SystemC. The goal was to create a transmission line model to verify functionality, which could be easily translated into synthesizable code later, using a high-level synthesis suite.</li>
|
<li>Development of a synthesizable layer 2 Ethernet switch in SystemC and evaluation of DV & synthesis capabilities of a high-level synthesis suite.</li>
|
||||||
<li>Support and further development of the FPGA user interface and the power analysis environment which was developed during the internship.</li>
|
<li>Support and further development of the FPGA user interface and the power analysis environment which was developed during the internship.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p class="info">Intern<span> •</span> <em class="date">Nobember 2016 - July 2017</em></p>
|
<p class="info">Intern<span> •</span> <em class="date">Nobember 2016 - July 2017</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Creation of an automated power analysis environment, build on top of Ansys' PowerArtist. Subsequently, power analysis and reduction on various digital designs was done.</li>
|
<li>RTL power analysis and reduction on various digital designs.</li>
|
||||||
<li>Development of an intuitive graphical user interface, written in Python, Tkinter, and C, to access and manipulate an FPGA Ethernet debug tool.</li>
|
<li>Development of an intuitive GUI—written in Python, Tkinter, and C—to control an FPGA Ethernet debug tool.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
<!-- Hijgend Hert -->
|
||||||
<div class="row item">
|
<div class="row item">
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
|
|
||||||
<h3>Boscafé 't Hijgend Hert</h3>
|
<h3>Boscafé 't Hijgend Hert</h3>
|
||||||
<p class="info">Web developer and server administrator <span>•</span> <em class="date">April 2012 - November 2018</em></p>
|
<p class="info">Web developer and server administrator <span>•</span> <em class="date">April 2012 - November 2018</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Responsible for the online marketing, the development of several websites and the maintenance and security of their Linux based virtual private server.</li>
|
<li>Responsible for the restaurant's IT, the development of several websites, and the maintenance and security of their Linux based VPS.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p class="info">Headwaiter <span>•</span> <em class="date">September 2010 - October 2016</em></p>
|
<p class="info">Headwaiter <span>•</span> <em class="date">September 2010 - October 2016</em></p>
|
||||||
<ul class="disc">
|
|
||||||
<li>Head of a small subteam of about 8 waiters. Responsible for a smooth running of daily restaurant business.</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
|
<ul class="disc">
|
||||||
|
<li>Head of a team of about 8 waiters. Responsible for a smooth running of daily restaurant business.</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
<!-- EECS -->
|
||||||
|
<div class="row item">
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
|
|
||||||
<h3>Chair for Electrical Engineering and Computer Systems, RWTH Aachen University</h3>
|
<h3>Chair for Electrical Engineering and Computer Systems, RWTH Aachen University</h3>
|
||||||
<p class="info">Student Research Assistent <span>•</span> <em class="date">May 2016 - July 2016</em></p>
|
<p class="info">Student Research Assistent <span>•</span> <em class="date">May 2016 - July 2016</em></p>
|
||||||
|
|
||||||
<ul class="disc">
|
<ul class="disc">
|
||||||
<li>Establishment of burst-mode communication between the FPGA fabric and CPU subsystem, over AXI and/or DDR interface on Altera Cyclone V devices.</li>
|
<li>Establishment of burst-mode communication between the FPGA fabric and CPU subsystem on an Altera Cyclone V device.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
</div> <!-- main-col end -->
|
</div> <!-- main-col end -->
|
||||||
|
|
||||||
</div> <!-- End Work -->
|
</div> <!-- End Work -->
|
||||||
|
|
||||||
|
|
||||||
@ -270,9 +280,8 @@
|
|||||||
<div class="nine columns main-col">
|
<div class="nine columns main-col">
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Below, I listed skills I acquired during professional work or during intensive work in my free time. Besides the skills I have listed below, I
|
Below, I listed skills I acquired during my professional work or during work in my free time. Besides the skills I have listed below, I have basic
|
||||||
have some basic knowledge about photography and photo editting, webdesign with HTML5, CSS, and JavaScript, and server-side scripting with PHP and PostreSQL.
|
knowledge about photography and photo editting, front-end web development with HTML5, CSS, and JavaScript, and back-end webdevelopment with PHP/Python and MySQL/PostgreSQL.
|
||||||
Furthermore I know how to sript in Linux with Perl/CSH and have basic knowledge about the Linux kernel architecture.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="bars">
|
<div class="bars">
|
||||||
@ -291,18 +300,14 @@
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div><!-- end skill-bars -->
|
</div><!-- end skill-bars -->
|
||||||
|
|
||||||
</div> <!-- main-col end -->
|
</div> <!-- main-col end -->
|
||||||
|
|
||||||
</div> <!-- End skills -->
|
</div> <!-- End skills -->
|
||||||
|
|
||||||
</section> <!-- Resume Section End-->
|
</section> <!-- Resume Section End-->
|
||||||
|
|
||||||
|
|
||||||
<!-- Volunteering Section
|
<!-- Volunteering Section
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="volunteering">
|
<section id="volunteering">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="twelve columns collapsed">
|
<div class="twelve columns collapsed">
|
||||||
@ -312,9 +317,9 @@
|
|||||||
<!-- volunteering-wrapper -->
|
<!-- volunteering-wrapper -->
|
||||||
<div id="volunteering-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
|
<div id="volunteering-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
|
||||||
|
|
||||||
|
<!-- Alcuinus -->
|
||||||
<div class="columns volunteering-item">
|
<div class="columns volunteering-item">
|
||||||
<div class="item-wrap">
|
<div class="item-wrap">
|
||||||
|
|
||||||
<a href="#modal-01" title="">
|
<a href="#modal-01" title="">
|
||||||
<img alt="" src="images/volunteering/alcuinus.gif">
|
<img alt="" src="images/volunteering/alcuinus.gif">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
@ -325,13 +330,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="link-icon"><i class="icon-plus"></i></div>
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
<!-- NWS -->
|
||||||
<div class="columns volunteering-item">
|
<div class="columns volunteering-item">
|
||||||
<div class="item-wrap">
|
<div class="item-wrap">
|
||||||
|
|
||||||
<a href="#modal-02" title="">
|
<a href="#modal-02" title="">
|
||||||
<img alt="" src="images/volunteering/nws_logo.png">
|
<img alt="" src="images/volunteering/nws_logo.png">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
@ -342,13 +346,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="link-icon"><i class="icon-plus"></i></div>
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Beautycorner Vaals -->
|
||||||
<div class="columns volunteering-item">
|
<div class="columns volunteering-item">
|
||||||
<div class="item-wrap">
|
<div class="item-wrap">
|
||||||
|
|
||||||
<a href="#modal-03" title="">
|
<a href="#modal-03" title="">
|
||||||
<img alt="" src="images/volunteering/beautycorner.jpg">
|
<img alt="" src="images/volunteering/beautycorner.jpg">
|
||||||
<div class="overlay">
|
<div class="overlay">
|
||||||
@ -359,25 +363,22 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="link-icon"><i class="icon-plus"></i></div>
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- item end -->
|
</div> <!-- item end -->
|
||||||
|
|
||||||
|
|
||||||
</div> <!-- volunteering-wrapper end -->
|
</div> <!-- volunteering-wrapper end -->
|
||||||
|
|
||||||
</div> <!-- twelve columns end -->
|
</div> <!-- twelve columns end -->
|
||||||
|
|
||||||
|
|
||||||
<!-- Modal Popup -->
|
<!-- Alcuinus Popup -->
|
||||||
|
|
||||||
<div id="modal-01" class="popup-modal mfp-hide">
|
<div id="modal-01" class="popup-modal mfp-hide">
|
||||||
|
|
||||||
<img class="scale-with-grid" src="images/volunteering/alcuinus.gif" alt="" />
|
<img class="scale-with-grid" src="images/volunteering/alcuinus.gif" alt="" />
|
||||||
|
|
||||||
<div class="description-box">
|
<div class="description-box">
|
||||||
<h4>Board member of K.A.V. Alcuinus</h4>
|
<h4>Board member of K.A.V. Alcuinus</h4>
|
||||||
<p>In my time with K.A.V. Alcuinus I was treasurer & president. I helped to initiate Studeren in Aken, which was set up to promote RWTH Aachen University among Dutch students, recruit them, and support them during their enrollment at a German university. The project was initiated by K.A.V. Alcuinus in 2012, but is nowadays backed by RWTH Aachen University, the Dutch consulate in Aachen, and several government institutions in the Netherlands.</p>
|
<p>In my time with K.A.V. Alcuinus I was treasurer & later president. I helped to initiate Studeren in Aken, which was set up to promote RWTH Aachen University among Dutch students, recruit them, and support them during their enrollment at a German university. The project was initiated by K.A.V. Alcuinus in 2012, but was as of 2018 backed by RWTH Aachen University, the Dutch consulate in Aachen, and several government institutions in the Netherlands.</p>
|
||||||
|
|
||||||
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -385,9 +386,10 @@
|
|||||||
<a href="https://www.alcuinus.nl" target="_blank">Details</a>
|
<a href="https://www.alcuinus.nl" target="_blank">Details</a>
|
||||||
<a class="popup-modal-dismiss">Close</a>
|
<a class="popup-modal-dismiss">Close</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div><!-- modal-01 End -->
|
</div><!-- modal-01 End -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- NWS Popup -->
|
||||||
<div id="modal-02" class="popup-modal mfp-hide">
|
<div id="modal-02" class="popup-modal mfp-hide">
|
||||||
|
|
||||||
<img class="scale-with-grid" src="images/volunteering/nws_logo.png" alt="" />
|
<img class="scale-with-grid" src="images/volunteering/nws_logo.png" alt="" />
|
||||||
@ -399,9 +401,9 @@
|
|||||||
bridges the gap to the government, private sector, academic sector and society of the Netherlands.
|
bridges the gap to the government, private sector, academic sector and society of the Netherlands.
|
||||||
NWS currently has more than 4500 members.<br />
|
NWS currently has more than 4500 members.<br />
|
||||||
|
|
||||||
<b>Responsibilities</b>: Setting up the new online environment on a Ubuntu based virtual
|
<b>Responsibilities</b>: Setting up the new online environment on a Linux based VPS
|
||||||
private server, including a new front end website, an online member management system, a new newsletter
|
including a new front-end website, an online member management system, a new newsletter
|
||||||
system and a Microsoft Office 365 email environment. The given requirements are more user-friendliness
|
system, and a Microsoft Office 365 email environment. The given requirements are more user-friendliness
|
||||||
and improvements in terms of design and security.
|
and improvements in terms of design and security.
|
||||||
|
|
||||||
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
||||||
@ -411,16 +413,18 @@
|
|||||||
<a href="https://www.wereldwijdestudenten.nl" target="_blank">Details</a>
|
<a href="https://www.wereldwijdestudenten.nl" target="_blank">Details</a>
|
||||||
<a class="popup-modal-dismiss">Close</a>
|
<a class="popup-modal-dismiss">Close</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div><!-- modal-02 End -->
|
</div><!-- modal-02 End -->
|
||||||
|
|
||||||
|
<!-- Beautycorner Vaals Popup -->
|
||||||
<div id="modal-03" class="popup-modal mfp-hide">
|
<div id="modal-03" class="popup-modal mfp-hide">
|
||||||
|
|
||||||
<img class="scale-with-grid" src="images/volunteering/beautycorner.jpg" alt="" />
|
<img class="scale-with-grid" src="images/volunteering/beautycorner.jpg" alt="" />
|
||||||
|
|
||||||
<div class="description-box">
|
<div class="description-box">
|
||||||
<h4>Beauty Corner Vaals</h4>
|
<h4>Beauty Corner Vaals</h4>
|
||||||
<p>Beauty Corner Vaals is a beauty salon in Vaals (NL), ran by my lovely mother. Since her old website was deprecated and non-responsive, I offered to create a new website from the scratch.</p>
|
<p>Beauty Corner Vaals is a beauty salon in Vaals (NL), ran by my lovely mother. Since her old website was
|
||||||
|
deprecated and non-responsive, I offered to create a new website from the scratch.</p>
|
||||||
|
|
||||||
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -431,84 +435,10 @@
|
|||||||
|
|
||||||
</div><!-- modal-03 End -->
|
</div><!-- modal-03 End -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div> <!-- row End -->
|
</div> <!-- row End -->
|
||||||
|
|
||||||
</section> <!-- Portfolio Section End-->
|
</section> <!-- Portfolio Section End-->
|
||||||
|
|
||||||
|
|
||||||
<!-- Call-To-Action Section
|
|
||||||
<section id="call-to-action">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="two columns header-col">
|
|
||||||
|
|
||||||
<h1><span>Get Hosting.</span></h1>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="seven columns">
|
|
||||||
|
|
||||||
<h2><span class="lead">Unde Omnis Iste</span></h2>
|
|
||||||
<p><span class="lead">
|
|
||||||
</span></p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="three columns action">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section> <!-- Call-To-Action Section End-->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Testimonials Section -->
|
|
||||||
<!-- <section id="testimonials">
|
|
||||||
|
|
||||||
<div class="text-container">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<div class="two columns header-col">
|
|
||||||
|
|
||||||
<h1><span>Testimonials</span></h1>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="ten columns flex-container">
|
|
||||||
|
|
||||||
<div class="flexslider">
|
|
||||||
|
|
||||||
<ul class="slides">
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<blockquote>
|
|
||||||
<p>test
|
|
||||||
</p>
|
|
||||||
<cite>test</cite>
|
|
||||||
</blockquote>
|
|
||||||
</li> <!-- slide ends -->
|
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div> <!-- div.flexslider ends -->
|
|
||||||
|
|
||||||
</div> <!-- div.flex-container ends -->
|
|
||||||
|
|
||||||
</div> <!-- row ends -->
|
|
||||||
|
|
||||||
</div> <!-- text-container ends -->
|
|
||||||
|
|
||||||
</section> <!-- Testimonials Section End-->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Contact Section
|
<!-- Contact Section
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="contact">
|
<section id="contact">
|
||||||
@ -518,8 +448,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="twelve columns">
|
<div class="twelve columns">
|
||||||
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!
|
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -531,7 +460,9 @@
|
|||||||
<img class="profile-pic" src="images/avatar_thumb.jpg" alt="" />
|
<img class="profile-pic" src="images/avatar_thumb.jpg" alt="" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="name">Dennis Potter</p>
|
<p class="name">Dennis Potter</p>
|
||||||
|
|
||||||
<div id="contact-social-list">
|
<div id="contact-social-list">
|
||||||
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
|
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
|
||||||
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
|
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
|
||||||
@ -539,8 +470,8 @@
|
|||||||
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
|
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
|
||||||
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
|
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="five columns contact-right businesscard">
|
<div class="five columns contact-right businesscard">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
@ -560,7 +491,6 @@
|
|||||||
<p class="pgp"><a href="contact/public_pgp_dennis_potter.asc">3164 394F FBBF 6F3B AE6A<br />D43B 186A 8AD4 4094 2BAF</a></p>
|
<p class="pgp"><a href="contact/public_pgp_dennis_potter.asc">3164 394F FBBF 6F3B AE6A<br />D43B 186A 8AD4 4094 2BAF</a></p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -572,10 +502,8 @@
|
|||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section> <!-- Contact Section End-->
|
</section> <!-- Contact Section End-->
|
||||||
|
|
||||||
|
|
||||||
<!-- footer
|
<!-- footer
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<footer>
|
<footer>
|
||||||
@ -589,9 +517,7 @@
|
|||||||
<!-- Java Script
|
<!-- Java Script
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<script src="js/jquery-3.3.1.min.js"></script>
|
<script src="js/jquery-3.3.1.min.js"></script>
|
||||||
<script type="text/javascript" src="js/jquery-migrate-3.0.0.min.js"></script>
|
<script src="js/jquery-migrate-3.0.0.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.flexslider.js"></script>
|
<script src="js/jquery.flexslider.js"></script>
|
||||||
<script src="js/waypoints.js"></script>
|
<script src="js/waypoints.js"></script>
|
||||||
<script src="js/jquery.fittext.js"></script>
|
<script src="js/jquery.fittext.js"></script>
|
||||||
@ -600,5 +526,4 @@
|
|||||||
<script src="js/typed.js"></script>
|
<script src="js/typed.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user