<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fab Academy 2020 Zihao-Lin</title>
<meta name="description" content="Your Description Here">
<meta name="keywords" content="FabLab Taipei,FabLab,Zihao Lin,FabLab SCU">
<meta name="author" content="Lin Zihao">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Lin Zihao</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#tf-home" class="page-scroll">Home</a></li>
<li><a href="#tf-about" class="page-scroll">About Me</a></li>
<li><a href="#tf-team" class="page-scroll">C-fabication laboratory</a></li>
<li><a href="#tf-services" class="page-scroll">Final Project</a></li>
<li><a href="#tf-clients" class="page-scroll">Achievement Exhibition</a></li>
<li><a href="#tf-works" class="page-scroll">Assignments</a></li>
<li><a href="#tf-testimonials" class="page-scroll">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Home Page
==========================================-->
<div id="tf-home" class="text-center">
<div class="overlay">
<div class="content">
<h1><strong><span class="color">Lin Zihao</span></strong></h1>
<p class="lead">A <strong>maker</strong> with artistic pursuit and a <strong>Co-founder</strong> of C-Fablab in Sichuan University.</p>
<a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
</div>
</div>
</div>
<!-- About Us Page
==========================================-->
<div id="tf-about">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="img/02.png" class="img-responsive">
</div>
<div class="col-md-6">
<div class="about-text">
<div class="section-title">
<h2>About <strong>ME</strong></h2>
<hr>
<div class="clearfix"></div>
</div>
<p class="intro">It's my honor to be one of the big family of Fabacademy 2020. I will make some beautiful tings by using tools in Fablab and record it in the site. Thank you for your attention.</p>
<ul class="about-list">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Induction</strong> - <em>C-Fabication laboratory in Sichuan University.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Experience</strong> - <em>Master's degree in Sichuan University, used to be a process engineer in FANUC.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Skills</strong> - <em>Digital manufacture, five-axis NC machining center, CNC programming.</em>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Team Page
==========================================-->
<div id="tf-team" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2><strong>C - Fabication Laboratory</strong></h2>
<br />
<p>The laboratory is aimed at groups with innovative entrepreneurial needs, focusing on digital manufacturing, intelligent hardware and the direction of the Internet of Things. It can provide a full-featured service system from creative stimulating to product prototyping and marketization. And C-Lab is a small factory that can manufacture almost any product and tool, it is also an innovative entrepreneurial community that integrates education, communication, sharing, practice, commercial operation and angel investment.</p>
<li><a href="http://www.scuspark.com/" class="button">More</a></li>
<div class="line">
<hr>
</div>
</div>
<div id="team" class="owl-carousel owl-theme row">
<div class="item">
<div class="thumbnail">
<img src="img/team/01.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Jinjiang Yan</h3>
<p>CEO / Founder</p>
<p>General manager of Science Park of Sichuan University Co.Ltd. Professor of Sichuan University</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/02.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Zihao Lin</h3>
<p>CTO / Founder</p>
<p>Director of Science Park of Sichuan University Co.Ltd. Focus on digital manufacturing.</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/03.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Huayan Gu</h3>
<p>COO / Founder</p>
<p>Deputy Director of Science Park of Sichuan University Co.Ltd. Focus on marketing and brand propaganda.</p>
</div>
</div>
</div>
<div class="item">
<div class="thumbnail">
<img src="img/team/04.jpg" alt="..." class="img-circle team-img">
<div class="caption">
<h3>Yanlin Yiu</h3>
<p>Technician / Founder</p>
<p>Deputy Director of Science Park of Sichuan University Co.Ltd. Focus on IOT and mega data.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Services Section
==========================================-->
<div id="tf-services" class="text-center">
<div class="container">
<div class="section-title center">
<h2><strong>Final Project</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<small><em>My final project is lightsaber. In the development of the fab academy, I hope to improve the prototype to scale to demonstrate the functionality of the project.</em></small>
</div>
<ul class="about-list">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Mission</strong> - <em>It can be used for cosplay</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Skills</strong> - <em>It can be automatically switched on and off by changing sunlight intensity.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>Clients</strong> - <em>It will work by application and manually.</em>
</li>
</ul>
<br />
<li><a href="Final Project.html" class="button">More</a></li>
</div>
</div>
</div>
<!-- Clients Section
==========================================-->
<div id="tf-clients" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<h2><strong>Achievement Exhibition</strong></h2>
<div class="line">
<hr>
</div>
</div>
<div id="clients" class="owl-carousel owl-theme">
<div class="item">
<img src="img/client/01.png">
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Section
==========================================-->
<div id="tf-works">
<div class="container"> <!-- Container -->
<div class="section-title text-center center">
<h2><strong>Assignments</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<small><em>It's the record of weekly coursework, including idea, design, and code files.</em></small>
</div>
<div class="space"></div>
<div class="categories">
<ul class="cat">
<li class="pull-left"><h4>Type:</h4></li>
<li class="pull-right">
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<!--
<li><a href="#" data-filter=".programme" class="active">Programme</a></li>
<li><a href="#" data-filter=".design">Design</a></li>
<li><a href="#" data-filter=".manufacturing" >Manufacturing</a></li>
<li><a href="#" data-filter=".electronic" >Electronic</a></li>
-->
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_00.html">
<div class="hover-text">
<h4>week_00</h4>
<small>Principles and Practices</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography app">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_01.html">
<div class="hover-text">
<h4>week_01</h4>
<small>Project Management</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/02.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_02.html">
<div class="hover-text">
<h4>week_02</h4>
<small>Computer Aided Design</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_03.html">
<div class="hover-text">
<h4>week_03</h4>
<small>Computer-controlled Cutting</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_04.html">
<div class="hover-text">
<h4>week_04</h4>
<small>Electronics production</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_05.html">
<div class="hover-text">
<h4>week_05</h4>
<small>3D Scanning and Printing</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_06.html">
<div class="hover-text">
<h4>week_06</h4>
<small>Electronics Design</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_07.html">
<div class="hover-text">
<h4>week_07</h4>
<small>Computer-controlled Machining</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_08.html">
<div class="hover-text">
<h4>week_08</h4>
<small>Embedded Programming</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_09.html">
<div class="hover-text">
<h4>week_09</h4>
<small>Input Devices</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_10.html">
<div class="hover-text">
<h4>week_10</h4>
<small>Applications and Implications</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_11.html">
<div class="hover-text">
<h4>week_11</h4>
<small>Output Devices</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_12.html">
<div class="hover-text">
<h4>week_12</h4>
<small>Molding and Casting</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_13.html">
<div class="hover-text">
<h4>week_13</h4>
<small>Networking and Communications</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_14.html">
<div class="hover-text">
<h4>week_14</h4>
<small>Interface and Application Programming</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_15.html">
<div class="hover-text">
<h4>week_15</h4>
<small>Mechanical Design and Machine Design</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_16.html">
<div class="hover-text">
<h4>week_16</h4>
<small>Wildcard Week</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_17.html">
<div class="hover-text">
<h4>week_17</h4>
<small>Invetion, Intellectual property and income</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 photography web">
<div class="portfolio-item">
<div class="hover-bg">
<a href="week_18.html">
<div class="hover-text">
<h4>week_18</h4>
<small>Project Development</small>
<div class="clearfix"></div>
<i class="fa fa-plus"></i>
</div>
<img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials Section
==========================================-->
<div id="tf-testimonials" class="text-center">
<div class="overlay">
<div class="container">
<div class="section-title center">
<div class="section-title center">
<h2><strong>contact Me</strong></h2>
<div class="line">
<hr>
</div>
<div class="clearfix"></div>
<small><em>
Address: No.10, Kehua street, Wuhou District, Chengdu, Sichuan Province, China<br />
TEL: (028) 85406538 (+86)18981085882<br />
E-mail: linzihao@scuspark.com<br />
QQ: 386866966
</em></small>
</div>
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
</div>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Message</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<button type="submit" class="btn tf-btn btn-default">Submit</button>
</form>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="pull-left fnav">
<p>Science Park of Sichuan University Co.Ltd. All rights reserved. © 2020. Designed by Lin Zihao</p>
</div>
<div class="pull-right fnav">
<ul class="footer-social">
<li><a href="https://www.facebook.com/zihao.lin.7399"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>