668 lines
26 KiB
HTML
Executable File
668 lines
26 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
|
|
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
|
|
<head>
|
|
|
|
<!--- Basic Page Needs
|
|
================================================== -->
|
|
<meta charset="utf-8">
|
|
<title>Daniel Tam - Administrator and Developer</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<!-- Mobile Specific Metas
|
|
================================================== -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
<!-- CSS
|
|
================================================== -->
|
|
<link rel="stylesheet" href="css/default.css">
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
<link rel="stylesheet" href="css/media-queries.css">
|
|
<link rel="stylesheet" href="css/magnific-popup.css">
|
|
|
|
<!-- Script
|
|
================================================== -->
|
|
<script src="js/modernizr.js"></script>
|
|
|
|
<!-- Favicons
|
|
================================================== -->
|
|
<link rel="shortcut icon" href="favicon.png" >
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Header
|
|
================================================== -->
|
|
<header id="home">
|
|
|
|
<nav id="nav-wrap">
|
|
|
|
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
|
|
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
|
|
|
|
<ul id="nav" class="nav">
|
|
<li class="current"><a class="smoothscroll" href="#home">Home</a></li>
|
|
<li><a class="smoothscroll" href="#about">About</a></li>
|
|
<li><a class="smoothscroll" href="#resume">Resume</a></li>
|
|
<li><a class="smoothscroll" href="#portfolio">Works</a></li>
|
|
<li><a class="smoothscroll" href="#contact">Contact</a></li>
|
|
</ul> <!-- end #nav -->
|
|
|
|
</nav> <!-- end #nav-wrap -->
|
|
|
|
<div class="row banner">
|
|
<div class="banner-text">
|
|
<h1 class="responsive-headline">I'm Daniel Tam.</h1>
|
|
<h3>I'm a <span>systems administrator</span> and <span>application developer</span> that is able create and manage systems or applications
|
|
through all different kinds of technology for any given scenario. Let's <a class="smoothscroll" href="#about">start scrolling</a>
|
|
and learn more <a class="smoothscroll" href="#about">about me</a>.</h3>
|
|
<hr />
|
|
<ul class="social">
|
|
<li><a href="https://www.linkedin.com/in/danieltam-net/" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="https://www.instagram.com/omgdanieltam" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
|
<li><a href="https://twitter.com/omgdanieltam" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="https://git.danieltam.net/daniel" title="GitLab"><i class="fa fa-gitlab"></i></a></li>
|
|
<li><a href="https://github.com/omgdanieltam" title="GitHub"><i class="fa fa-github"></i></a></li>
|
|
<li><a href="mailto:daniel@danieltam.net" title="E-Mail"><i class="fa fa-envelope"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="scrolldown">
|
|
<a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
|
|
</p>
|
|
|
|
</header> <!-- Header End -->
|
|
|
|
|
|
<!-- About Section
|
|
================================================== -->
|
|
<section id="about">
|
|
|
|
<div class="row">
|
|
|
|
<div class="three columns">
|
|
|
|
<img class="profile-pic" src="images/profilepic.jpg" alt="" />
|
|
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<h2>About Me</h2>
|
|
|
|
<p>I am a systems administrator and applications developer that is self motivated to pursue
|
|
all things technology. In my pursuit of knowledge, I keep up new techonologies and apply
|
|
that information to every inch of my life. I pride myself on being skilled in many different
|
|
aspects from technologies such as Linux, Windows, Cisco switches, Checkpoint firewalls, C#,
|
|
PHP, and many more. From start to finish, I will always create the perfect solution for any
|
|
situation.
|
|
</p>
|
|
|
|
<div class="row">
|
|
|
|
<div class="columns contact-details">
|
|
|
|
<h2>Contact Details</h2>
|
|
<p class="address">
|
|
<span>Daniel Tam</span><br>
|
|
<span>Plano, TX 75075 US
|
|
</span><br>
|
|
<span>(469) 892-8730</span><br>
|
|
<span>daniel@danieltam.net</span>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="columns download">
|
|
<p>
|
|
<a href="resume-web.pdf" class="button"><i class="fa fa-download"></i>Download Resume</a>
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- end row -->
|
|
|
|
</div> <!-- end .main-col -->
|
|
|
|
</div>
|
|
|
|
</section> <!-- About Section End-->
|
|
|
|
|
|
<!-- Resume Section
|
|
================================================== -->
|
|
<section id="resume">
|
|
|
|
<!-- Work
|
|
----------------------------------------------- -->
|
|
<div class="row work">
|
|
|
|
<div class="three columns header-col">
|
|
<h1><span>Work</span></h1>
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Trinity Consultants, Inc.</h3>
|
|
<p class="info">Network Adminsitrator <span>•</span> <em class="date">Janurary 2015 - Present</em></p>
|
|
|
|
<p>
|
|
As the network administrator for Trinity Consutlants, I'm in charge of configuring, deploying, and
|
|
maintaining all networking equipment including HP network switches and Checkpoint firewalls across more than 50
|
|
offices and locations. I also assited configuring and deploying new offices with new equipment such as
|
|
Windows servers and Windows workstations. I also managed the Mitel and Avaya phone systems within each office
|
|
from updating to adding new phones or lines. I became the dedicated Linux administrator for Trinity Consultants,
|
|
configuring and managing Linux machines where as needed and even creating and administrating a CAMx cluster
|
|
to perform parallel tasks for modeling air quality.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div> <!-- item end -->
|
|
|
|
<div class="row item">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<h3>Trinity Consultants, Inc.</h3>
|
|
<p class="info">Desktop Administrator <span>•</span> <em class="date">August 2013 - Janurary 2015</em></p>
|
|
|
|
<p>
|
|
During my time as the Desktop Administrator for Trinity Consultants, I ordered and deployed new workstations
|
|
to existing and new users. I assisted in troubleshooting hardware and software for over 500 different users
|
|
across the the company using remote tools such as VNC and remote powershell sessions. I deployed and updated
|
|
Trinity Consultants' workstation imaging software by setting up a Windows Deployment Service and Microsoft
|
|
Deployment Toolkit server. I also wrote C# programs and Powershell scripts to assist in the deployment of
|
|
new software and easier I.T. automation tools.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div> <!-- item end -->
|
|
|
|
</div> <!-- main-col end -->
|
|
|
|
</div> <!-- End Work -->
|
|
|
|
|
|
<!-- Skills
|
|
----------------------------------------------- -->
|
|
<div class="row skill">
|
|
|
|
<div class="three columns header-col">
|
|
<h1><span>Skills</span></h1>
|
|
</div>
|
|
|
|
<div class="nine columns main-col">
|
|
|
|
<p>I'm never afraid of learning new technologies and am always working on improving my skills and trying
|
|
to stay up to date with the hottest new items. I strive to become a very knowledgeabke person that
|
|
has a very wide range of skills and assets that can contribute to any environment that I
|
|
am placeed into. While I continue to gather new skills, my main areas of knowledge lie mostly
|
|
in systems administration and application development. Below is an example of my skillset.
|
|
</p>
|
|
|
|
<div class="bars">
|
|
|
|
<ul class="skills">
|
|
<li><span class="bar-expand windows"></span><em>Window Systems Administrator</em></li>
|
|
<li><span class="bar-expand linux"></span><em>Linux Systems Administrator</em></li>
|
|
<li><span class="bar-expand csharp"></span><em>C# Development</em></li>
|
|
<li><span class="bar-expand php"></span><em>PHP Development</em></li>
|
|
<li><span class="bar-expand powershell"></span><em>Powershell Scripting</em></li>
|
|
<li><span class="bar-expand checkpoint"></span><em>Checkpoint Firewalls</em></li>
|
|
</ul>
|
|
|
|
</div><!-- end skill-bars -->
|
|
|
|
</div> <!-- main-col end -->
|
|
|
|
</div> <!-- End skills -->
|
|
|
|
</section> <!-- Resume Section End-->
|
|
|
|
|
|
<!-- Portfolio Section
|
|
================================================== -->
|
|
<section id="portfolio">
|
|
|
|
<div class="row">
|
|
|
|
<div class="twelve columns collapsed">
|
|
|
|
<h1>Check Out Some of My Works.</h1>
|
|
|
|
<!-- portfolio-wrapper -->
|
|
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-01" title="">
|
|
<img alt="" src="images/portfolio/server.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Server</h5>
|
|
<p>Home lab</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-02" title="">
|
|
<img alt="" src="images/portfolio/discord.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Chat</h5>
|
|
<p>Discord Bot</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-03" title="">
|
|
<img alt="" src="images/portfolio/adapter.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Adapter</h5>
|
|
<p>Cross-console controller adapter</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-04" title="">
|
|
<img alt="" src="images/portfolio/controller.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Controller</h5>
|
|
<p>Arcade-style game controller</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-05" title="">
|
|
<img alt="" src="images/portfolio/ddr.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Arcade</h5>
|
|
<p>Dance game restoration</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-06" title="">
|
|
<img alt="" src="images/portfolio/compute.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Compute</h5>
|
|
<p>Networked cluster of computers</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-07" title="">
|
|
<img alt="" src="images/portfolio/music.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Music</h5>
|
|
<p>Web-based music player</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
<div class="columns portfolio-item">
|
|
<div class="item-wrap">
|
|
|
|
<a href="#modal-08" title="">
|
|
<img alt="" src="images/portfolio/build.jpg">
|
|
<div class="overlay">
|
|
<div class="portfolio-item-meta">
|
|
<h5>Build</h5>
|
|
<p>Custom watercooled mini-ITX PC</p>
|
|
</div>
|
|
</div>
|
|
<div class="link-icon"><i class="icon-plus"></i></div>
|
|
</a>
|
|
|
|
</div>
|
|
</div> <!-- item end -->
|
|
|
|
</div> <!-- portfolio-wrapper end -->
|
|
|
|
</div> <!-- twelve columns end -->
|
|
|
|
|
|
<!-- Modal Popup
|
|
--------------------------------------------------------------- -->
|
|
|
|
<div id="modal-01" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-server.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Server</h4>
|
|
<p>My personal home server running CentOS 7 with more than 15 virtual machines and over 25TB of storage for all kinds of projects and applications.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>CentOS, KVM, Server</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-01 End -->
|
|
|
|
<div id="modal-02" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-discord.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Chat</h4>
|
|
<p>A bot written in Node.js that responds with images when queried in a chatting program such as Discord.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>Node.js, Discord</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a href="http://git.danieltam.net/daniel/discord-bot-js" target="_blank">Details</a>
|
|
<a class="popup-modal-dismiss">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-02 End -->
|
|
|
|
<div id="modal-03" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-adapter.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Adapter</h4>
|
|
<p>An adapter using a microcontroller such as an Arduino that allows use of a Wii Classic Controller to be used on a Nintendo 64 console.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>Arduino, Wii, Nintendo 64</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a href="https://github.com/omgdanieltam/Wii_Classic_to_N64" target="_blank">Details</a>
|
|
<a class="popup-modal-dismiss">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-03 End -->
|
|
|
|
<div id="modal-04" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-controller.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Controller</h4>
|
|
<p>An arcade-style game controller built to be used for an arcade game, Sound Voltex, using an Arduino as the microcontroller.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>Arduino, Arcade, Sound Voltex</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a href="https://github.com/omgdanieltam/sdvx_leonardo" target="_blank">Details</a>
|
|
<a class="popup-modal-dismiss">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-04 End -->
|
|
|
|
<div id="modal-05" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-ddr.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Arcade</h4>
|
|
<p>Cleaning and restoration of an arcade dancing game, Dance Dance Revolution.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>Arcade, Dance Dance Revolution</span>
|
|
</div>
|
|
<div class="link-box">
|
|
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-05 End -->
|
|
|
|
<div id="modal-06" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-compute.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Compute</h4>
|
|
<p>Cluster of networked computers running on CentOS 6 used for CAMx modeling using mpich.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>CentOS, Networking</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-06 End -->
|
|
|
|
<div id="modal-07" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-music.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Music</h4>
|
|
<p>Basic web-based music player written in HTML5, PHP, and Javascript for self-hosted music streaming.</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>HTML5, PHP, Javascript</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a href="https://github.com/omgdanieltam/html5_music_player" target="_blank">Details</a>
|
|
<a class="popup-modal-dismiss">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-07 End -->
|
|
|
|
<div id="modal-08" class="popup-modal mfp-hide">
|
|
|
|
<img class="scale-with-grid" src="images/portfolio/modals/m-build.jpg" alt="" />
|
|
|
|
<div class="description-box">
|
|
<h4>Build</h4>
|
|
<p>Mini-ITX PC build with custom watercooling, Intel i7-6700k, 16GB DDR4, 2x512GB SSD RAID0, and an Nvidia GTX 1080 all stuffed into a case the size of 328mm x 160mm x 240mm (12.9in x 6.3in x 9.4in).</p>
|
|
<span class="categories"><i class="fa fa-tag"></i>Intel, Nvidia, Watercooling</span>
|
|
</div>
|
|
|
|
<div class="link-box">
|
|
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
|
|
</div>
|
|
|
|
</div><!-- modal-01 End -->
|
|
|
|
|
|
</div> <!-- row End -->
|
|
|
|
</section> <!-- Portfolio Section End-->
|
|
|
|
<!-- Contact Section
|
|
================================================== -->
|
|
<section id="contact">
|
|
|
|
<div class="row section-head">
|
|
|
|
<div class="two columns header-col">
|
|
|
|
<h1><span>Get In Touch.</span></h1>
|
|
|
|
</div>
|
|
|
|
<div class="ten columns">
|
|
|
|
<p class="lead">Getting in contact with me could not be any simpiler! I constantly check my social media
|
|
and will return any messages faily quickly. But if social media just isn't your cup of tea, feel
|
|
free to fill out this form below and I will respond as soon as possible via email.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="eight columns">
|
|
|
|
<!-- form -->
|
|
<form action="" method="post" id="contactForm" name="contactForm">
|
|
<fieldset>
|
|
|
|
<div>
|
|
<label for="contactName">Name <span class="required">*</span></label>
|
|
<input type="text" value="" size="35" id="contactName" name="contactName">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactEmail">Email <span class="required">*</span></label>
|
|
<input type="text" value="" size="35" id="contactEmail" name="contactEmail">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactSubject">Subject</label>
|
|
<input type="text" value="" size="35" id="contactSubject" name="contactSubject">
|
|
</div>
|
|
|
|
<div>
|
|
<label for="contactMessage">Message <span class="required">*</span></label>
|
|
<textarea cols="50" rows="15" id="contactMessage" name="contactMessage"></textarea>
|
|
</div>
|
|
|
|
<div>
|
|
<button class="submit">Submit</button>
|
|
<span id="image-loader">
|
|
<img alt="" src="images/loader.gif">
|
|
</span>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</form> <!-- Form End -->
|
|
|
|
<!-- contact-warning -->
|
|
<div id="message-warning"> Error boy</div>
|
|
<!-- contact-success -->
|
|
<div id="message-success">
|
|
<i class="fa fa-check"></i>Your message was sent, thank you!<br>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<aside class="four columns footer-widgets">
|
|
|
|
<div class="widget widget_contact">
|
|
|
|
<h4>Address and Phone</h4>
|
|
<p class="address">
|
|
Daniel Tam<br>
|
|
Plano, TX 75075 US<br>
|
|
<span>(469) 892-8730</span>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="widget widget_tweets">
|
|
|
|
<h4 class="widget-title">Latest Tweets</h4>
|
|
|
|
<a class="twitter-timeline" data-height="510" data-theme="dark" href="https://twitter.com/omgdanieltam?ref_src=twsrc%5Etfw">Tweets by omgdanieltam</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
</div>
|
|
|
|
</section> <!-- Contact Section End-->
|
|
|
|
|
|
<!-- footer
|
|
================================================== -->
|
|
<footer>
|
|
|
|
<div class="row">
|
|
|
|
<div class="twelve columns">
|
|
|
|
<ul class="social-links">
|
|
<li><a href="https://www.linkedin.com/in/danieltam-net/" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="https://www.instagram.com/omgdanieltam" title="Instagram"><i class="fa fa-instagram"></i></a></li>
|
|
<li><a href="https://twitter.com/omgdanieltam" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="https://git.danieltam.net/daniel" title="GitLab"><i class="fa fa-gitlab"></i></a></li>
|
|
<li><a href="https://github.com/omgdanieltam" title="GitHub"><i class="fa fa-github"></i></a></li>
|
|
<li><a href="mailto:daniel@danieltam.net" title="E-Mail"><i class="fa fa-envelope"></i></a></li>
|
|
</ul>
|
|
|
|
<ul class="copyright">
|
|
<li>© Copyright 2019 Daniel Tam</li>
|
|
<li>Design by <a title="Styleshout" href="http://www.styleshout.com/">Styleshout</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
|
|
|
|
</div>
|
|
|
|
</footer> <!-- Footer End-->
|
|
|
|
<!-- Java Script
|
|
================================================== -->
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
|
|
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
|
|
|
|
<script src="js/jquery.flexslider.js"></script>
|
|
<script src="js/waypoints.js"></script>
|
|
<script src="js/jquery.fittext.js"></script>
|
|
<script src="js/magnific-popup.js"></script>
|
|
<script src="js/init.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |