Skip to content
Snippets Groups Projects
Commit 00f6263e authored by Christian Cárdenas's avatar Christian Cárdenas
Browse files

index 0.9 Week 12

parent 3a0c484a
No related branches found
No related tags found
No related merge requests found
Pipeline #
Hide whitespace changes
Inline Side-by-side
Showing
with 291 additions and 29 deletions
Week_12.html 0 → 100644
+ 212
− 0
View file @ 00f6263e
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="My fab academy project">
<meta name="author" content="Christrian Cárdenas">
<title>FAB Acadaemy | Christian Cárdenas</title>
<link rel="shortcut icon" href="../img/favicon.ico">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">Christian Cárdenas | Assignments - Week 12</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 class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a href="Week_11.html"><< Week 11</a>
</li>
<li class="page-scroll">
<a href="index.html">Home</a>
</li>
<li>
<a href="Week_12.html">Week 13 >></a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- <img class="img-responsive center-block" src="https://dl.dropboxusercontent.com/u/4917033/img/Fab_Lab_logo.svg.png" style="width: 200px; height: 240px"> -->
<div class="intro-text">
<span class="name">Week 12</span>
<hr class="star-light">
<h1> Interface and Application Programming </h1>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-6 ">
<p align="justify" padding-top="20px" style="font-size:24px; color:#91aac3" > <em><u> Assignment </u></em></p>
<ol style="font-size:18px">
<li>Write an application that interfaces with an input and/or output device that you made</li>
<li>Comparing as many tools as possible</li>
</ol>
</div>
<div class="col-lg-12 text-center">
<h1> <ins> </ins> </h1>
<!-- <hr class="star-light-blue"> -->
</div>
</div>
<!--<div class="col-lg-12 text-center">
<h1> <em>Wait for it!!</em> </h1>
<hr class="star-light-blue">
</div> -->
<!-- Video 1 ============================== -->
<div class="col-lg-6"> <br>
<iframe class="center-block" width="560" height="315" src="https://www.youtube.com/embed/0zoGC3GOJbA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<!-- Video 1 ============================== -->
<!-- <div class="row">
<div class="col-lg-12 col-lg-offset-1">
<p align="justify"> Wait for it!!</p>
</div>
<div class="col-lg-5">
<p align="justify"></p>
</div>
</div> -->
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-6">
<h3>Fab Lab <br> Ciudad de México</h3>
<p> <a href="http://www.fablab.mx/">www.fablab.mx</a>
<br>Anáhuac México | Campus Norte
<br> Av. Universidad Anáhuac 46
<br> Col. Lomas Anáhuac
<br> Huixquilucan, Estado de México, C.P. 52786</p>
</div>
<!-- <div class="footer-col col-md-4">
<h3>Around the Web</h3>
<ul class="list-inline">
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
</li>
<li>
<a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-dribbble"></i></a>
</li>
</ul>
</div> -->
<div class="footer-col col-md-6 ">
<h3>Contact Me</h3>
<p> Christian Cárdenas Jaramillo
<br> Universidad Anáhuac Querétaro
<br> <a href="mailto:christian.cardenas@anahuac.mx">christian.cardenas@anahuac.mx</a>
<br> Tel. + 52 (442) 245 67 42 Ext. 196</p>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright &copy; <a href="http://archive.fabacademy.org/archives/2017/ciudaddemexico/students/403/">Christian Cárdenas | Fab Academy 2017 </a>
</div>
</div>
</div>
</div>
</footer>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<!-- <div class="col-lg-8 col-lg-offset-2 text-center">
<div class="scroll-top page-scroll">
<a class="btn btn-lg btn-outline" href="#page-top">
<i class="fa fa-chevron-up"> Back to top </i>
</a>
</div>
</div> -->
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Theme JavaScript -->
<script src="js/freelancer.min.js"></script>
</body>
</html>
css/freelancer.css
+ 39
− 0
View file @ 00f6263e
......@@ -697,3 +697,42 @@ section.success {
.img-round {
border-radius: 50%
}
.circular--square {
border-top-left-radius: 50% 50%;
border-top-right-radius: 50% 50%;
border-bottom-right-radius: 50% 50%;
border-bottom-left-radius: 50% 50%;
}
.circular--landscape {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 50%;
}
.circular--landscape img {
width: auto;
height: 100%;
margin-left: -50px;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .3s ease;
background-color: red;
}
.container:hover .overlay {
opacity: 1;
}
img/Week_11/Img_1.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/Week_11/Img_1.jpg

228 KiB

img/Week_11/Img_2.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/Week_11/Img_2.jpg

369 KiB

img/Week_11/RGB_LED.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/Week_11/RGB_LED.jpg

75.3 KiB

img/Week_11/Screenshot_1.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/Week_11/Screenshot_1.jpg

86.6 KiB

img/Week_11/Screenshot_2.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/Week_11/Screenshot_2.jpg

266 KiB

img/index/Week1.jpg
+ 0
− 0
View replaced file @ 3a0c484a View file @ 00f6263e
img/index/Week1.jpg

56.4 KiB | W: | H:

img/index/Week1.jpg

267 KiB | W: | H:

img/index/Week1.jpg
img/index/Week1.jpg
img/index/Week1.jpg
img/index/Week1.jpg
  • 2-up
  • Swipe
  • Onion skin
img/index/Week12.jpg
+ 0
− 0
View replaced file @ 3a0c484a View file @ 00f6263e
img/index/Week12.jpg

44.2 KiB | W: | H:

img/index/Week12.jpg

25.3 KiB | W: | H:

img/index/Week12.jpg
img/index/Week12.jpg
img/index/Week12.jpg
img/index/Week12.jpg
  • 2-up
  • Swipe
  • Onion skin
img/index/Week1A.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/index/Week1A.jpg

56.4 KiB

img/index/Week1_enter.jpg 0 → 100644
+ 0
− 0
View file @ 00f6263e
img/index/Week1_enter.jpg

139 KiB

index.html
+ 40
− 29
View file @ 00f6263e
......@@ -102,9 +102,9 @@
<a href="Week_1.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Project <br> Managment </i>
<div class="overlay">
<!--<i class="skills">Project <br> Managment </i>-->
<img src="img/index/Week1_enter.jpg" class="img-responsive" alt="">
</div>
</div>
<img src="img/index/Week1.jpg" class="img-responsive" alt="">
......@@ -167,7 +167,7 @@
<img src="img/index/Week6.jpg" class="img-responsive" alt="">
</a>
</div>
<!-- <div class="col-sm-3 portfolio-item">
<div class="col-sm-4 portfolio-item">
<a href="Week_7.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
......@@ -178,7 +178,7 @@
<img src="img/index/Week7.jpg" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<div class="col-sm-4 portfolio-item">
<a href="Week_8.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
......@@ -187,69 +187,79 @@
</div>
</div>
<img src="img/index/Week8.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<div class="col-sm-4 portfolio-item">
<a href="Week_9.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Mechanical design</i>
<i class="skills">Molding and Casting</i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week9.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</a>
</div>
<div class="col-sm-3 portfolio-item">
<div class="col-sm-4 portfolio-item">
<a href="Week_10.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills"> Output Devices </i>
<i class="skills">Input Devices</i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week10.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<div class="col-sm-4 portfolio-item">
<a href="Week_11.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Machine design</i>
<i class="skills"> Output Devices </i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week11.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<a href="Week_12.html" class="portfolio-link">
<div class="col-sm-4 portfolio-item">
<a href="Week_12.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Interface and application programming</i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week12.jpg" class="img-responsive"alt="">
</a>
</div>
<!--<div class="col-sm-3 portfolio-item">
<a href="Week_10.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Molding and Casting</i>
<i class="skills"> Output Devices </i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week12.jpg" class="img-responsive"alt="">
<img src="img/index/Week10.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<a href="Week_13.html" class="portfolio-link">
<a href="Week_11.html" class="portfolio-link">
<div class="caption">
<div class="caption-content">
<i class="skills">Input Devices</i>
<i class="skills">Machine design</i>
<br><span class="skills"></span>
</div>
</div>
<img src="img/index/Week13.jpg" class="img-responsive"alt="">
<img src="img/index/Week11.jpg" class="img-responsive"alt="">
<img src="https://www.dropbox.com/s/91bx2256m1leeye/Week8.jpg?raw=1" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-3 portfolio-item">
<a href="Week_14.html" class="portfolio-link">
<div class="caption">
......@@ -371,14 +381,15 @@
</div> -->
<div class="col-lg-6">
<p align="justify" >My name is Christian Cárdenas, I was born Cali, Colombia. I grew up with a small but very close family of four. Since I was a child,
the mathematics and the puzzle games were, and still are, my favorites. That´s why I developed a skill in math and in general the basic sciences.
After the culmination of my college studies I had the opportunity to travel to Mexico and continue my studies in one of the best research centers in the country.
Since then I lived very happy in Mexico, where also had the opportunity to start a career as an educator in higher education institutions.
The education and the research has become my two biggest passions. I consider myself as a dedicated person who puts all its efforts in completing its goals and
projects. </p>
<img src="img/index/About.jpg" class="img-responsive, circular--square" alt="" width="500" height="500">
</div>
<div class="col-lg-6">
<p align="justify" >My name is Christian Cárdenas, I was born Cali, Colombia. I grew up with a small but very close family of four. Since I was a child,
the mathematics and the puzzle games were, and still are, my favorites. That´s why I developed a skill in math and in general the basic sciences.
After the culmination of my college studies I had the opportunity to travel to Mexico and continue my studies in one of the best research centers in the country.
Since then I lived very happy in Mexico, where also had the opportunity to start a career as an educator in higher education institutions.
The education and the research has become my two biggest passions. I consider myself as a dedicated person who puts all its efforts in completing its goals and
projects. </p>
<p align="justify">I obtained my bachelor degree in materials engineering at Universidad del Valle in Cali-Colombia. My thesis was center in multilayer coatings of CrN
and TiN with magnetron sputtering. Then I obtained a scholarship of the Mexican government (Conacyt) to perform a master degree in materials science at
Cinvestav – IPN (Centro de investigación y estudios avanzados del instituto politécnico nacional) in the city of Querétaro. During this master studies
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment