649 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			649 lines
		
	
	
		
			20 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | ||
| <html lang="en">
 | ||
|   <head>
 | ||
|     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 | ||
|     <meta charset="utf-8">
 | ||
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 | ||
|     <meta name="viewport" content="width=device-width, initial-scale=1">
 | ||
|     <title>Resume of Andrew Woodlee</title>
 | ||
|     <!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
 | ||
|     <!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
 | ||
|     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 | ||
|     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
 | ||
|     <style type="text/css">
 | ||
|     @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
 | ||
| @charset "utf-8";
 | ||
| @-webkit-viewport   { width: device-width; }
 | ||
| @-moz-viewport      { width: device-width; }
 | ||
| @-ms-viewport       { width: device-width; }
 | ||
| @-o-viewport        { width: device-width; }
 | ||
| @viewport           { width: device-width; }
 | ||
| 
 | ||
| body{
 | ||
|   font-family: 'Open Sans', Arial, Tahoma;
 | ||
|   font-weight: 400;
 | ||
|   color: #363636;
 | ||
|   background: #334960;
 | ||
| }
 | ||
| blockquote {
 | ||
|   font-size: 1em;
 | ||
| }
 | ||
| 
 | ||
| .container{
 | ||
|   margin-top: 80px;
 | ||
|   margin-bottom: 15px;
 | ||
|   background: #fff;
 | ||
| }
 | ||
| 
 | ||
| #photo-header{
 | ||
|   margin-top: -75px;
 | ||
| }
 | ||
| #photo{
 | ||
|   width: 160px;
 | ||
|   height: 160px;
 | ||
|   border-radius: 50%;
 | ||
|   overflow: hidden;
 | ||
|   padding: 5px;
 | ||
|   background: #334960;
 | ||
|   display: inline-block;
 | ||
| }
 | ||
| #photo img{
 | ||
|   width: 150px;
 | ||
|   height: 150px;
 | ||
|   border-radius: 50%;
 | ||
| }
 | ||
| #text-header h1{
 | ||
|   margin: 0;
 | ||
|   padding: 0;
 | ||
|   font-size: 1.5em;
 | ||
|   font-weight: 700;
 | ||
|   text-transform: uppercase;
 | ||
|   letter-spacing: -1px;
 | ||
| }
 | ||
| #text-header h1::first-line{
 | ||
|   font-size: 1.5em;
 | ||
|   font-weight: 800;
 | ||
|   line-height: 1.5em;
 | ||
| }
 | ||
| #text-header h1 span{
 | ||
|   color: #334960;
 | ||
|   opacity: 0.7;
 | ||
| }
 | ||
| #text-header h1 sup{
 | ||
|   opacity: 0.5;
 | ||
| }
 | ||
| #text-header:after{
 | ||
|   width: 100%;
 | ||
|   height: 3px;
 | ||
|   border-bottom: 1px solid #ddd;
 | ||
|   margin-top: 15px;
 | ||
|   content: '';
 | ||
|   display: block;
 | ||
| }
 | ||
| 
 | ||
| .box{
 | ||
|   padding-bottom: 10px;
 | ||
|   margin-bottom: 25px;
 | ||
| }
 | ||
| .box h2{
 | ||
|   color: #227c74;
 | ||
|   font-size: 1.5em;
 | ||
|   font-weight: 700;
 | ||
|   text-transform: uppercase;
 | ||
| }
 | ||
| 
 | ||
| #awards,
 | ||
| #education{
 | ||
|   margin-top: 20px;
 | ||
|   margin-bottom: 0;
 | ||
|   position: relative;
 | ||
|   padding: 1em 0;
 | ||
|   list-style: none;
 | ||
| }
 | ||
| #awards:before,
 | ||
| #education:before {
 | ||
|   width: 5px;
 | ||
|   height: 100%;
 | ||
|   position: absolute;
 | ||
|   left: 35px;
 | ||
|   top: 0;
 | ||
|   content: ' ';
 | ||
|   display: block;
 | ||
|   background: #32475c;
 | ||
|   background: -moz-linear-gradient(top,  #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
 | ||
|   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
 | ||
|   background: -webkit-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
 | ||
|   background: -o-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
 | ||
|   background: -ms-linear-gradient(top,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
 | ||
|   background: linear-gradient(to bottom,  #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
 | ||
|   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
 | ||
| }
 | ||
| #awards li,
 | ||
| #education li{
 | ||
|   width: 100%;
 | ||
|   z-index: 2;
 | ||
|   position: relative;
 | ||
|   float: left;
 | ||
| }
 | ||
| #awards .year,
 | ||
| #education .year{
 | ||
|   width: 14%;
 | ||
|   background: #fff;
 | ||
|   padding: 10px;
 | ||
|   font-weight: 700;
 | ||
|   display: inline-block;
 | ||
| }
 | ||
| #awards .description,
 | ||
| #education .description{
 | ||
|   width: 83%;
 | ||
|   display: inline-block;
 | ||
|   background: #eee;
 | ||
|   margin-bottom: 10px;
 | ||
|   position: relative;
 | ||
|   padding: 10px;
 | ||
|   border-bottom: 1px solid #ccc;
 | ||
|   border-right: 1px solid #ccc;
 | ||
| }
 | ||
| #awards .description:after,
 | ||
| #education .description:after {
 | ||
|   content: '';
 | ||
|   position: absolute;
 | ||
|   top: 15px;
 | ||
|   right: 0;
 | ||
|   left: -16px;
 | ||
|   height: 0;
 | ||
|   width: 0;
 | ||
|   border: solid transparent;
 | ||
|   border-right-color: #eee;
 | ||
|   border-width: 8px;
 | ||
|   pointer-events: none;
 | ||
| }
 | ||
| #awards .description h3,
 | ||
| #education .description h3{
 | ||
|   font-size: 1.2em;
 | ||
|   margin: 0;
 | ||
|   padding: 0;
 | ||
|   font-weight: 700;
 | ||
| }
 | ||
| #awards .description p,
 | ||
| #education .description p{
 | ||
|   margin-top: 5px;
 | ||
|   padding: 0;
 | ||
| }
 | ||
| 
 | ||
| .job{
 | ||
|   margin-bottom: 15px;
 | ||
| }
 | ||
| .job .details {
 | ||
|   margin-left: 3%;
 | ||
|   width: 95%;
 | ||
|   padding: 10px;
 | ||
|   margin-bottom: 10px;
 | ||
|   background: #eee;
 | ||
|   border-bottom: 1px solid #ccc;
 | ||
|   border-right: 1px solid #ccc;
 | ||
| }
 | ||
| .job .where{
 | ||
|   font-size: 1.2em;
 | ||
|   font-weight: bold;
 | ||
| }
 | ||
| .job .year{
 | ||
|   opacity: 0.7;
 | ||
| }
 | ||
| .job .profession{
 | ||
|   font-size: 1.2em;
 | ||
|   font-weight: bold;
 | ||
| }
 | ||
| .job .description{
 | ||
|   line-height: 1.5em;
 | ||
| }
 | ||
| .job .highlights{
 | ||
|   padding: 5px 0;
 | ||
|   font-weight: bold;
 | ||
| }
 | ||
| .job .job-details {
 | ||
|   padding-left: 5%;
 | ||
|   width: 100%;
 | ||
| }
 | ||
| .publication {
 | ||
|   margin-bottom: 0;
 | ||
| }
 | ||
| .publication .name{
 | ||
|   font-size: 1em;
 | ||
|   font-weight: bold;
 | ||
| }
 | ||
| .publication .year{
 | ||
|     opacity: 0.7;
 | ||
| }
 | ||
| .publication p{
 | ||
|   margin: 0;
 | ||
|   padding-top: 10px;
 | ||
| }
 | ||
| 
 | ||
| .contact-item{
 | ||
|   width: 100%;
 | ||
|   float: left;
 | ||
| }
 | ||
| .contact-item .icon{
 | ||
|   padding: 10px;
 | ||
|   border-right: 1px solid #ccc;
 | ||
|   border-bottom: 1px solid #ccc;
 | ||
|   color: #32475c;
 | ||
|   background: #eee;
 | ||
| }
 | ||
| .contact-item:last-child .icon{
 | ||
|   border-bottom: none;
 | ||
| }
 | ||
| .contact-item .title{
 | ||
|   width: 80%;
 | ||
|   width: calc(100% - 55px);
 | ||
|   font-weight: 700;
 | ||
|   opacity: 0.9;
 | ||
| }
 | ||
| .contact-item .title.only{
 | ||
|   margin-top: 10px;
 | ||
| }
 | ||
| .contact-item .description{
 | ||
|   width: 80%;
 | ||
|   width: calc(100% - 55px);
 | ||
|   color: #334960;
 | ||
| }
 | ||
| 
 | ||
| .item-interests,
 | ||
| .item-skills{
 | ||
|   height: 30px;
 | ||
|   color: #334960;
 | ||
|   padding: 5px 10px;
 | ||
|   margin-bottom: 5px;
 | ||
|   white-space: nowrap;
 | ||
|   overflow: hidden;
 | ||
|   text-overflow: ellipsis;
 | ||
|   font-size: 1.1em;
 | ||
|   font-weight: 600;
 | ||
| }
 | ||
| .interest,
 | ||
| .skill{
 | ||
|   color: #fff;
 | ||
|   display: inline-block;
 | ||
|   margin-right: 5px;
 | ||
|   margin-bottom: 5px;
 | ||
|   padding: 5px 10px;
 | ||
|   background: #32475c;
 | ||
|   position: relative;
 | ||
|   font-size: .85em;
 | ||
| }
 | ||
| .skill-level {
 | ||
|   background-color: #227c74;
 | ||
|   border-radius: 4px;
 | ||
|   color: #fff;
 | ||
|   padding: 1px 8px;
 | ||
|   font-size: .75em;
 | ||
|   position: absolute;
 | ||
|   margin: 1px 10px;
 | ||
| }
 | ||
| 
 | ||
| #language-skills .skill{
 | ||
|   margin: 10px 0;
 | ||
|   padding-bottom: 10px;
 | ||
|   border-bottom: 1px solid #eee;
 | ||
| }
 | ||
| 
 | ||
|     </style>
 | ||
|     <style type="text/css" media="print">
 | ||
|     body {
 | ||
|   font-size: .95em;
 | ||
|   -webkit-print-color-adjust: exact;
 | ||
| }
 | ||
| 
 | ||
| a[href]:after {
 | ||
|   content: none !important;
 | ||
| }
 | ||
| 
 | ||
| #photo{
 | ||
|   display: none;
 | ||
| }
 | ||
| 
 | ||
| .box {
 | ||
|   margin-bottom: -10px;
 | ||
| }
 | ||
| 
 | ||
| blockquote,
 | ||
| #education,
 | ||
| #awards,
 | ||
| .contact-item,
 | ||
| .publication,
 | ||
| .skills,
 | ||
| .interests {
 | ||
|   page-break-inside: avoid;
 | ||
| }
 | ||
| 
 | ||
| .col-sm-5{
 | ||
|   width: 40%;
 | ||
|   padding: 0 15px;
 | ||
| }
 | ||
| 
 | ||
| .col-sm-7{
 | ||
|   width: 60%;
 | ||
|   padding: 0 15px;
 | ||
| }
 | ||
| 
 | ||
| .skills .col-sm-offset-1,
 | ||
| .interests .col-sm-offset-1{
 | ||
|   margin-top: -10px;
 | ||
|   margin-bottom: 5px;
 | ||
| }
 | ||
| 
 | ||
| #education {
 | ||
|   margin: 0;
 | ||
|   margin-bottom: -20px;
 | ||
| }
 | ||
| #awards:before,
 | ||
| #education:before {
 | ||
|   background: none;
 | ||
| }
 | ||
| 
 | ||
| #awards .description,
 | ||
| #education .description,
 | ||
| .job .details {
 | ||
|   border: 1px solid #eee;
 | ||
| }
 | ||
| .publication,
 | ||
| .publication .panel-heading,
 | ||
| .publication .name{
 | ||
|   margin: 0;
 | ||
|   padding: 0 5px;
 | ||
|   border: none;
 | ||
| }
 | ||
| .publication .panel-body {
 | ||
|   padding: 0 10px;
 | ||
|   margin: 0;
 | ||
| }
 | ||
| 
 | ||
| .badge {
 | ||
|   margin: 0;
 | ||
| }
 | ||
| 
 | ||
| .list-group-item{
 | ||
|   border: none;
 | ||
|   margin: 0;
 | ||
|   padding: 5px 15px;
 | ||
| }
 | ||
| .list-group-item:after{
 | ||
|   content: '';
 | ||
|   position: absolute;
 | ||
|   top: 8px;
 | ||
|   right: 0;
 | ||
|   left: -1px;
 | ||
|   height: 0;
 | ||
|   width: 0;
 | ||
|   border: solid transparent;
 | ||
|   border-right-color: #999;
 | ||
|   border-width: 4px;
 | ||
|   pointer-events: none;
 | ||
|  }
 | ||
| 
 | ||
|     </style>
 | ||
|   </head>
 | ||
|   <body>
 | ||
|     <div class="container">
 | ||
|       <div class="row">
 | ||
|         <div class="col-xs-12">
 | ||
|           <div id="photo-header" class="text-center">
 | ||
|             <!-- PHOTO (AVATAR) -->
 | ||
|             <div id="photo">
 | ||
|               <img src="//www.gravatar.com/avatar/0b549212dbfe6eef8148f624afa6273c?s=200&r=pg&d=mm" alt="avatar">
 | ||
|             </div>
 | ||
|             <div id="text-header" >
 | ||
|               <h1>Andrew Woodlee<br><span>Cybersecurity Engineer</span></h1>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|       <div class="row">
 | ||
|         <div class="col-xs-12 col-sm-7">
 | ||
|           <!-- ABOUT ME -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class="fas fa-user ico"></i> About</h2>
 | ||
|             <p>Devoted student of Cybersecurity Engineering at the University of Alabama in Huntsville. Proficient at developing a variety of applications including web platforms, Arduino projects, and tools and scripts. Able to comprehend new skills or programming languages efficiently and quickly. Hosts his own mail and web servers.</p>
 | ||
|           </div>
 | ||
|           <!-- WORK EXPERIENCE -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class= "fas fa-suitcase ico"></i> Work Experience</h2>
 | ||
|               <div class="job clearfix">
 | ||
|                 <div class="row">
 | ||
|                   <div class="details">
 | ||
|                     <div class="where">
 | ||
|                       The University of Alabama System Management and Production Center
 | ||
|                       <div class="pull-right">
 | ||
|                         Huntsville, Alabama
 | ||
|                       </div>
 | ||
|                     </div>
 | ||
|                     <div class="year">June 2023 – July 2024</div>
 | ||
|                   </div>
 | ||
|                 </div>
 | ||
|                 <div class="row">
 | ||
|                   <div class="job-details col-xs-11">
 | ||
|                     <div class="profession">Research Assistant II</div>
 | ||
|                     <div class="description">
 | ||
|                       Lead on the Arduino programming on a project for the Huntsville Fire Department. Also setup a Raspberry Pi for a rolling STEM lab for Jackson County Schools
 | ||
|                       <div class="highlights">Highlights</div>
 | ||
|                       <ul class="list-group">
 | ||
|                         <li class="list-group-item">Lead on Arduino programming for two Toy Fire trucks</li>
 | ||
|                         <li class="list-group-item">Added enhancements to the audio playback and movement of the truck</li>
 | ||
|                         <li class="list-group-item">Setup Linux on a Raspberry Pi for a PX 100 Robotic Arm that went on a STEM bus</li>
 | ||
|                       </ul>
 | ||
|                     </div>
 | ||
|                   </div>
 | ||
|                 </div>
 | ||
|               </div>
 | ||
|           </div>
 | ||
|           <!-- AWARDS -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class="fas fa-certificate ico"></i> Awards</h2>
 | ||
|             <ul id="awards" class="clearfix">
 | ||
|               <li>
 | ||
|                 <div class="year pull-left">August  2019</div>
 | ||
|                 <div class="description pull-right">
 | ||
|                   <h3>University of Alabama in Huntsville</h3>
 | ||
|                   <p><i class="fas fa-trophy ico"></i> Merit Tuition Scholarship</p>
 | ||
|                   <p>Andrew earned this scholarship with outstanding performance on the ACT.</p>
 | ||
|                 </div>
 | ||
|               </li>
 | ||
|               <li>
 | ||
|                 <div class="year pull-left">May  2022</div>
 | ||
|                 <div class="description pull-right">
 | ||
|                   <h3>Dean of College of Engineering</h3>
 | ||
|                   <p><i class="fas fa-trophy ico"></i> Dean's List</p>
 | ||
|                   <p>Andrew earned this award with 3.50+ GPA in the term.</p>
 | ||
|                 </div>
 | ||
|               </li>
 | ||
|               <li>
 | ||
|                 <div class="year pull-left">December  2022</div>
 | ||
|                 <div class="description pull-right">
 | ||
|                   <h3>Dean of College of Engineering</h3>
 | ||
|                   <p><i class="fas fa-trophy ico"></i> Dean's List</p>
 | ||
|                   <p>Andrew earned this award with 3.75 GPA in the term.</p>
 | ||
|                 </div>
 | ||
|               </li>
 | ||
|               <li>
 | ||
|                 <div class="year pull-left">May  2023</div>
 | ||
|                 <div class="description pull-right">
 | ||
|                   <h3>Dean of College of Engineering</h3>
 | ||
|                   <p><i class="fas fa-trophy ico"></i> Dean's List</p>
 | ||
|                   <p>Andrew earned this award with 3.75 GPA in the term.</p>
 | ||
|                 </div>
 | ||
|               </li>
 | ||
|             </ul>
 | ||
|           </div>
 | ||
|           <!-- PROJECTS -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class= "fas fa-code-branch ico"></i> Projects</h2>
 | ||
|             <ul class="list-group">
 | ||
|               <li class="list-group-item">
 | ||
|                 <span style="font-weight:bold">Wallet Transformer Monitor</span>: Senior Design Project that monitors a single-phase 120V transformer using an ESP-32 and a web dashboard
 | ||
|               </li>
 | ||
|               <li class="list-group-item">
 | ||
|                 <span style="font-weight:bold">Backy</span>: Application that allows many commands to be run on many hosts.
 | ||
|               </li>
 | ||
|               <li class="list-group-item">
 | ||
|                 <span style="font-weight:bold">Digital Telepresence</span>: DTP is an online application suite for the web
 | ||
|               </li>
 | ||
|             </ul>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|         <div class="col-xs-12 col-sm-5">
 | ||
|           <!-- CONTACT -->
 | ||
|           <div class="box clearfix">
 | ||
|             <h2><i class="fas fa-bullseye ico"></i> Contact</h2>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fas fa-map-marker fa-fw"></span></div>
 | ||
|               <div class="title pull-right">6320 Whitesburg Dr S</div>
 | ||
|               <div class="title  pull-right">Huntsville, Alabama 35802 US</div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fas fa-phone fa-fw"></span></div>
 | ||
|               <div class="title only pull-right">256-755-9555</div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fas fa-envelope fa-fw"></span></div>
 | ||
|               <div class="title only pull-right"><a href="mailto:anw@andrewnw.com" target="_blank">anw@andrewnw.com</a></div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fas fa-globe fa-fw"></span></div>
 | ||
|               <div class="title only pull-right"><a href="https://andrewnw.xyz" target="_blank">https://andrewnw.xyz</a></div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fas fa-rss fa-fw"></span></div>
 | ||
|               <div class="title pull-right">Blog</div>
 | ||
|               <div class="description pull-right"><a href="https://blog.cybershell.xyz/" target="_blank">https://blog.cybershell.xyz/</a></div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fab fa-github fa-fw"></span></div>
 | ||
|               <div class="title pull-right">GitHub</div>
 | ||
|               <div class="description pull-right"><a href="https://github.com/CybersShell" target="_blank">https://github.com/CybersShell</a></div>
 | ||
|             </div>
 | ||
|             <div class="contact-item">
 | ||
|               <div class="icon pull-left text-center"><span class="fab fa-gitea fa-fw"></span></div>
 | ||
|               <div class="title pull-right">Gitea</div>
 | ||
|               <div class="description pull-right"><a href="https://git.andrewnw.xyz/CyberShell" target="_blank">https://git.andrewnw.xyz/CyberShell</a></div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <!-- EDUCATION -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class="fas fa-university ico"></i> Education</h2>
 | ||
|             <ul id="education" class="clearfix">
 | ||
|               <li>
 | ||
|                 <div class="year pull-left">2019 2025 (expected)</div>
 | ||
|                 <div class="description pull-right">
 | ||
|                   <h3>University of Alabama in Huntsville</h3>
 | ||
|                   <div class="where"></div>
 | ||
|                   <div class="address">
 | ||
|                     <a href="https://uah.edu/" target= "_blank"><i class="fas fa-globe ico"></i> https://uah.edu/</a>
 | ||
|                   </div>
 | ||
|                   <p><i class= "fas fa-graduation-cap ico"></i> Bachelor</p>
 | ||
|                   <p>Cybersecurity Engineer</p>
 | ||
|                 </div>
 | ||
|               </li>
 | ||
|             </ul>
 | ||
|           </div>
 | ||
|           <!-- SKILLS -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class="fas fa-tasks ico"></i> Skills</h2>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   Electrical
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">Soldering - Intermediate</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   DevOps
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">CI/CD - Intermediate</span>
 | ||
|                 <span class= "skill badge">Git - Advanced</span>
 | ||
|                 <span class= "skill badge">Gitea - Intermediate</span>
 | ||
|                 <span class= "skill badge">GitHub - Intermediate</span>
 | ||
|                 <span class= "skill badge">Docker - Intermediate</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   Systems and Servers
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">Linux - Advanced</span>
 | ||
|                 <span class= "skill badge">C/C++ - Advanced</span>
 | ||
|                 <span class= "skill badge">Go - Advanced</span>
 | ||
|                 <span class= "skill badge">JavaScript - Advanced</span>
 | ||
|                 <span class= "skill badge">MongoDB - Intermediate</span>
 | ||
|                 <span class= "skill badge">Python - Advanced</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   Web Development
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">HTML - Intermediate</span>
 | ||
|                 <span class= "skill badge">JavaScript - Advanced</span>
 | ||
|                 <span class= "skill badge">Go - Advanced</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   Reverse engineering
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">IDA Pro - Intermediate</span>
 | ||
|                 <span class= "skill badge">Ghidra - Intermediate</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="skills clearfix">
 | ||
|               <div class="item-skills">
 | ||
|                   Embedded Systems
 | ||
|                   
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "skill badge">ESP-32 - Advanced</span>
 | ||
|                 <span class= "skill badge">Arduino - Advanced</span>
 | ||
|                 <span class= "skill badge">MSP430 - Intermediate</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|           <!-- HOBBIES -->
 | ||
|           <div class="box">
 | ||
|             <h2><i class="fas fa-heart ico"></i> Interests</h2>
 | ||
|             <div class="interests clearfix">
 | ||
|               <div class="item-interests">
 | ||
|                   Computers
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|                 <span class= "interest badge">Security</span>
 | ||
|                 <span class= "interest badge">Linux</span>
 | ||
|                 <span class= "interest badge">Servers</span>
 | ||
|                 <span class= "interest badge">Development</span>
 | ||
|               </div>
 | ||
|             </div>
 | ||
|             <div class="interests clearfix">
 | ||
|               <div class="item-interests">
 | ||
|                   Nature
 | ||
|               </div>
 | ||
|               <div class="col-sm-offset-1 col-sm-12 clearfix">
 | ||
|               </div>
 | ||
|             </div>
 | ||
|           </div>
 | ||
|         </div>
 | ||
|       </div>
 | ||
|     </div>
 | ||
| 
 | ||
|   </body>
 | ||
| </html>
 |