week_03.html 48.06 KiB
<!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>week_03 Computer-controlled Cutting</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="index.html" class="page-scroll">Home</a></li>
<li><a href="Final Project.html" class="page-scroll">Final Project</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">week_03</span></strong></h1>
<p class="lead"><strong>Computer-controlled Cutting</strong></p>
<a href="#tf-services" class="fa fa-angle-down page-scroll"></a>
</div>
</div>
</div>
<!-- Services Section
==========================================-->
<div id="tf-services">
<div class="container">
<div class="text-center">
<div class="section-title center" >
<h2><strong>Objectives</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<ul class="about-list" class="pull-left">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>Master the use of the laser cutting machine and the Vinyl cutting machines.</em>
</li>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h2><strong>Assignments</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<ul class="about-list">
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>1)</strong> - <em>group assignment: characterize your laser cutter’s focus, power, speed, rate, kerf, and joint clearance.</em>
</li>
<li>
<span class="fa fa-dot-circle-o"></span>
<strong>2)</strong> - <em>individual assignment: cut something on the vinyl cutter, design, laser cut, and document a parametric construction kit, accounting for the laser cutter kerf, which can be assembled in multiple ways, and for extra credit include elements that aren't flat.</em>
</li>
</ul>
<br />
<div class="text-center">
<div class="section-title center" >
<h2><strong>Characterize laser cutter machine</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<p>I started with the group assignment to characterize the laser cutter. At C-fablab in Sichuan university, I choose to use the LaserWork V8 which made by Dpinnov Co. Limited. It is a 610*320mm 30W machine.</p>
<br />
<img src="img/week_03/Picture01.jpg" class="img-responsive" alt="...">
<p>The assignments are run from a computer next to it, through RDWorksV8, USB flash disk and controller.The software is basically used for importing files and assigning colors and layers. This step is important specially if you are going to work with more than one work operation.</p>
<img src="img/week_03/Picture02.jpg" class="img-responsive" alt="...">
<div class="text-center">
<div class="section-title center" >
<h4><strong>Main parameters</strong></h4>
<div class="line">
<hr>
</div> </div>
</div>
<p>
Laser cutting machines work with three parameters: laser intensity, laser-head movement speed, and laser frequency.<br />
According to the desired results, the machine setting could be varied freely. The main effect on laser work results is Laser intensity and laser-head movement speed. The reasonable rule is:<br />
</p>
<div class="text-center">
<div class="section-title center" >
<p>
Low Intensity + High Speed = marking<br />
High Intensity + Low Speed = cutting
</p>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h4><strong>The workflow of the laser cutter</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<p>
Setp1: Start the power supply of machine, then wait for the equipment self-check completed. The equipment is on standby, when the on-board display screen enters the control information main page.<br />
Setp2: Edit the graphics data on the computer and send the program to the device.<br />
Setp3: Position the materials on the cutting bed and accurate positioning.<br />
Setp4: Focus the laser using the manual focusing rod.<br />
Setp5: Start the exhaust fan and confirm that there is a gas flow on the honeycomb platform.<br />
Setp6: Close the door of the equipment and confirm that “protection start” does not appear on the control panel.<br />
Setp7: The above parts have been completed without error, and finally confirm the data information is correct.<br />
Setp8: Press "start" on the control panel to start processing.
</p>
<div class="text-center">
<div class="section-title center" >
<h4><strong>Tests</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<p><strong>Speed and Intensity test</strong></p>
</div>
</div>
<p>
① Process of the test<br />
In this test idea was to test out the speed and power combination for our laser. Key output was to check at what speed and power the material can be cut. So we cut out a grid of squares with each square cut at varying speed (10 to 800 mm/sec) and intensity (10 to 100 percent) ranges.<br />
</p>
<img src="img/week_03/Picture03.jpg" class="img-responsive" alt="..."><br />
② Result of test<br />
In short simple learning was that to cut material less speed is needed and power should be high. This allow laser to focus at one point allow more material to burn. So the best combination is speed 10mm/sec and intensity 80percent.<br />
<img src="img/week_03/Picture29.jpg" class="img-responsive" alt="..."><br />
</p>
<div class="text-center">
<div class="section-title center" >
<p><strong>The tests of kerf</strong></p>
</div>
</div>
<p>
① What does kerf mean?<br />
The laser burns away a portion of material when it cuts through. This is known as the laser kerf and ranges from 0.08mm – 1mm depending on the material type and other conditional factors.<br />
② Process of the test<br />
I used the template for all materials which consists of a square with 11 cuts inside, to calculate the kerf I used the formula of deducting the width of the stacked cut bars (A) from the interior width of the square they were taken from (B). So I had 11 cuts the equation would be: kerf=(A-B)/11.<br />
<img src="img/week_03/Picture04.jpg" class="img-responsive" alt="..."><br />
③ Result of test<br />
The kerf calculation and result for each material below:<br />
A. The Tilia plana 1.5mm: kerf=(A-B)/1= (100.81-98.30)/11=0.228mm</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding"> <div class="portfolio-item">
<img src="img/week_03/Picture30.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture31.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture32.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<p>B. The acrylic plate 3mm: kerf=(A-B)/1= (100.39-99.19)/11=0.109mm</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture33.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture34.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture35.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<p>C. MDF 3mm: kerf=(A-B)/1= (103.15-100.83)/11=0.211mm</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture36.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture37.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture38.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<p>D. bicolor board 3mm: kerf=(A-B)/1= (101.34-97.69)/11=0.332mm</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture39.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture40.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture41.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<div class="text-center"> <div class="section-title center" >
<p><strong>The tests of parametric press-fit construction kit</strong></p>
</div>
</div>
<p>
A comb with different teeth sizes was also designed as part of the laser cut preparations to check which fitting will be the most suitable for the specific material. So I decided to design the comb on different materials. One comb was made for matboard with a thickness of 3 mm and the other was comb created for Tilia plana with a thickness of 1.5 mm. <br />
① Design<br />
<img src="img/week_03/Picture05.jpg" class="img-responsive" alt="..."><br />
<img src="img/week_03/Picture06.jpg" class="img-responsive" alt="..."><br />
② Software of RDWorksV8<br />
<img src="img/week_03/Picture07.jpg" class="img-responsive" alt="..."><br />
<img src="img/week_03/Picture08.jpg" class="img-responsive" alt="..."><br />
③ Cutting<br />
</p>
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture42.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture44.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture45.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture43.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture46.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture47.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture48.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture49.jpg" class="img-responsive" alt="..."><br />
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<p><strong>The tests of Etching</strong></p>
</div>
</div>
<p>
① Design<br />
First of all, download picture Which describe the administrative building and the school badge of Sichuan University from the Internet. Then use the software of photoshop to edit photo. In the end of all, edit program of the laser cutter.<br />
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture09.jpg" class="img-responsive" alt="...">
</div>
</div> <div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture10.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture11.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
② Cutting<br />
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture12.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture13.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture14.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
</p>
<div class="text-center">
<div class="section-title center" >
<p><strong>Comprehensive Test</strong></p>
</div>
</div>
<div id="lightbox" class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture50.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture51.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture52.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture53.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h2><strong>Parametric press-fit construction kit</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<p>For designing this kit, I used NX UG, which I learned in college and practiced in the previous week.</p>
<div class="text-center">
<div class="section-title center" >
<h4><strong>Design</strong></h4>
<div class="line"> <hr>
</div>
</div>
</div>
<p>
① Draw connectors sketch using circle, arc and line tools.<br />
<img src="img/week_03/Picture15.jpg" class="img-responsive" alt="..."><br />
② Stretch to the thickness of the material.<br />
<img src="img/week_03/Picture16.jpg" class="img-responsive" alt="..."><br />
③ Draw a sketch of the main part. Like this, I also selected circle, arc and line tools. Then stretch it.<br />
<img src="img/week_03/Picture17.jpg" class="img-responsive" alt="..."><br />
<img src="img/week_03/Picture18.jpg" class="img-responsive" alt="..."><br />
</p>
<div class="text-center">
<div class="section-title center" >
<h4><strong>Laser Cutting</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<p>
① Download RD works software for setting speed, power and cutting modes.<br />
② Import you dxf files in the RD works.<br />
<img src="img/week_03/Picture19.jpg" class="img-responsive" alt="..."><br />
③ Copy the required no. of parts and align them to minimize the waste.<br />
<img src="img/week_03/Picture20.jpg" class="img-responsive" alt="..."><br />
④ Open layer settings, and feed the settings. I used 30mm/sec speed and 65% laser power for cutting the 1.5mm Tilia plana. Select cut as the processing mode. <br />
<img src="img/week_03/Picture21.jpg" class="img-responsive" alt="..."><br />
⑤ Connect the machine to the laptop using the USB wire.<br />
⑥ Set the origin.<br />
<img src="img/week_03/Picture54.jpg" class="img-responsive" alt="..."><br />
⑦ Check the cutting parameter by clicking “Go scale” option.<br />
⑧ Click on “Start”.<br />
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture55.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture56.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture57.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture58.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
</p>
<br />
<div class="text-center">
<div class="section-title center" >
<h2><strong>Vinyl cutting</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<p>At C-fablab in Sichuan university, I choose to use the Puma III. It is a 70*719mm machine.</p>
<img src="img/week_03/Picture22.jpg" class="img-responsive" alt="..."><br />
<div class="text-center">
<div class="section-title center" > <h4><strong>General considerations and values about vinyl cutting machine</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<p>
① How it works?<br />
As a general idea, vinyl cutting machines work by cutting materials with a rotatory blade controlled by computer in 2 dimensions (width and height). X and Y are the blade movement limitation axes.<br />
② Main parameters<br />
Vinyl cutting machines work with 2 parameters: speed, and strength. According to the desired results, the machine settings could be varied freely. There is one basic rule to be considered to think the result of the design on the material. The reasonable rule is: <br />
</p>
<div class="text-center">
<div class="section-title center" >
<p>
Simple designs = High (Speed + Strength)<br />
Complex designs = Low (Speed + Strength)
</p>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h4><strong>The workflow of the Vinyl cutting machines</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<p>
Setp1: Start the power supply of machine, then wait for the equipment self-check completed. The equipment is on standby, when the "off-line" status light is on.<br />
Setp2: Position the materials on the cutting bed and accurate positioning.<br />
Setp3: The absolute origin of the Vinyl cutting machines is located at the center of the first roller on the right side and the center of the first roller on the left side. So the actual processing area is the area between the two roller centers.<br />
Setp4: If you need to customize the relative origin, press the button of “off-line” on the control panel. Then the machine is offline and the button of “off-line” is off. At this point, move the material through the four arrow keys. After reaching the desired position, press the button of "original-set" to set the origin, and then press the button of "off-line".<br />
Setp5: Edit the graphics data on the computer and send it to the device of the vinyl cutting machine. Then the machine Start work.
</p>
<div class="text-center">
<div class="section-title center" >
<h4><strong>Design</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div>
<p>
To test the vinyl cutting machine I decided to think in a logo to decorate my lab. Here is the own design I prepared and used:</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture23.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture24.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture25.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h4><strong>Cutting</strong></h4>
<div class="line">
<hr>
</div>
</div>
</div> <p>
Then I have to cut them, so I must adjust the parameters and start cutting. Note that the parameters that you can change are:<br />
Speed: It is important to configure it looking at the material and the design. If it is a complicated design is better to set a low speed to not peel the paper by error.<br />
Force: It depends on the material and hardness, if you set a too high force it will stick out the vinyl and mess up your design. <br />
Passes: In most of the cases with one pass it will work fine, but sometimes it could help to ensure that the cut is done.<br />
When it cut done, I pasted the picture on the KT board. So here are them look like.</p>
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture26.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture27.jpg" class="img-responsive" alt="...">
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<img src="img/week_03/Picture28.jpg" class="img-responsive" alt="...">
</div>
</div>
</div>
<div class="text-center">
<div class="section-title center" >
<h2><strong>File Download</strong></h2>
<div class="line">
<hr>
</div>
</div>
</div>
<p> <a href="Files/AutoCAD/comb 1.5mm.dxf">AutoCAD_comb 1.5mm</a> </p>
<p> <a href="Files/AutoCAD/comb 3.0mm.dxf">AutoCAD_comb 3.0mm</a> </p>
<p> <a href="Files/AutoCAD/Kerf test.dxf">AutoCAD_Kerf test</a> </p>
<p> <a href="Files/AutoCAD/Parametric press-fit construction kit.dxf">AutoCAD_Parametric press-fit construction kit</a> </p>
<p> <a href="Files/Inkscape/file1.svg">Inkscape_file1</a> </p>
<p> <a href="Files/Inkscape/file2.svg">Inkscape_file2</a> </p>
<p> <a href="Files/Inkscape/file3.svg">Inkscape_file3</a> </p>
<p> <a href="Files/UG/Parametric press-fit construction kit.prt">UG_Parametric press-fit construction kit</a> </p>
</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>