This commit is contained in:
		
							
								
								
									
										942
									
								
								static/cv.html
									
									
									
									
									
								
							
							
						
						
									
										942
									
								
								static/cv.html
									
									
									
									
									
								
							| @@ -1,376 +1,648 @@ | |||||||
| <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><style>@charset "UTF-8"; | <!DOCTYPE html> | ||||||
| /* Workaround for 'break-before:avoid' */ | <html lang="en"> | ||||||
| * { |   <head> | ||||||
|   margin: 0; |     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||||||
|   padding: 0; |     <meta charset="utf-8"> | ||||||
|   border: 0; |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||||||
|   font-size: 100%; |     <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; | ||||||
| } | } | ||||||
|  |  | ||||||
| ul, li { | .container{ | ||||||
|   margin: 0; |   margin-top: 80px; | ||||||
|   padding: 0; |   margin-bottom: 15px; | ||||||
|  |   background: #fff; | ||||||
| } | } | ||||||
|  |  | ||||||
| span, q { | #photo-header{ | ||||||
|   display: block; |   margin-top: -75px; | ||||||
| } | } | ||||||
|  | #photo{ | ||||||
| p { |   width: 160px; | ||||||
|   margin: 0; |   height: 160px; | ||||||
|  |   border-radius: 50%; | ||||||
|  |   overflow: hidden; | ||||||
|  |   padding: 5px; | ||||||
|  |   background: #334960; | ||||||
|  |   display: inline-block; | ||||||
| } | } | ||||||
|  | #photo img{ | ||||||
| @media not print { |   width: 150px; | ||||||
|   body { |  | ||||||
|     margin: 30px 0 50px 0; |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @page { |  | ||||||
|   size: A4; |  | ||||||
|   margin: 15mm 0 20mm 0; |  | ||||||
| } |  | ||||||
| a { |  | ||||||
|   color: #222222; |  | ||||||
|   font-weight: inherit; |  | ||||||
|   text-decoration: none; |  | ||||||
| } |  | ||||||
| a[href] { |  | ||||||
|   text-decoration: underline; |  | ||||||
|   text-decoration-color: #888888; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| p, q { |  | ||||||
|   line-height: 1.25em; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| li { |  | ||||||
|   line-height: 1.35em; |  | ||||||
| } |  | ||||||
| li:first-child { |  | ||||||
|   margin-top: 0; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .content { |  | ||||||
|   width: 1000px; |  | ||||||
|   height: auto; |  | ||||||
|   padding: 0 50px; |  | ||||||
|   margin: 0 auto; |  | ||||||
|   font-family: Helvetica, Arial, sans-serif; |  | ||||||
|   color: #222222; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .table { |  | ||||||
|   width: 100%; |  | ||||||
|   display: table; |  | ||||||
| } |  | ||||||
| .table .main { |  | ||||||
|   display: table-cell; |  | ||||||
|   width: 70%; |  | ||||||
|   padding-right: 50px; |  | ||||||
| } |  | ||||||
| .table .side { |  | ||||||
|   display: table-cell; |  | ||||||
|   width: 30%; |  | ||||||
|   padding-left: 50px; |  | ||||||
|   text-align: right; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .summary { |  | ||||||
|   font-size: 15px; |  | ||||||
| } |  | ||||||
| .summary:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .section-title { |  | ||||||
|   font-size: 26px; |  | ||||||
|   font-weight: normal; |  | ||||||
|   margin: 0 0 20px 0; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-container-2:not(:first-child) { |  | ||||||
|   margin-top: 20px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-container-3:not(:first-child) { |  | ||||||
|   margin-top: 30px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-container-4:not(:first-child) { |  | ||||||
|   margin-top: 50px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .padding-container-2 { |  | ||||||
|   padding: 20px 0; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .padding-top-container-2 { |  | ||||||
|   padding-top: 20px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .padding-bottom-container-2 { |  | ||||||
|   padding-bottom: 20px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-text-1 { |  | ||||||
|   margin-top: 2px; |  | ||||||
| } |  | ||||||
| .margin-text-1:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-text-2 { |  | ||||||
|   margin-top: 4px; |  | ||||||
| } |  | ||||||
| .margin-text-2:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-text-3 { |  | ||||||
|   margin-top: 6px; |  | ||||||
| } |  | ||||||
| .margin-text-3:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-text-4 { |  | ||||||
|   margin-top: 8px; |  | ||||||
| } |  | ||||||
| .margin-text-4:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .margin-text-5 { |  | ||||||
|   margin-top: 14px; |  | ||||||
| } |  | ||||||
| .margin-text-5:empty { |  | ||||||
|   display: none; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .no-break { |  | ||||||
|   break-inside: avoid; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .no-alone-1 { |  | ||||||
|   break-inside: avoid; |  | ||||||
| } |  | ||||||
| .no-alone-1::after { |  | ||||||
|   content: ""; |  | ||||||
|   display: block; |  | ||||||
|   height: 75px; |  | ||||||
|   margin-bottom: -75px; |  | ||||||
| } |  | ||||||
|  |  | ||||||
| .no-alone-2 { |  | ||||||
|   break-inside: avoid; |  | ||||||
| } |  | ||||||
| .no-alone-2::after { |  | ||||||
|   content: ""; |  | ||||||
|   display: block; |  | ||||||
|   height: 150px; |   height: 150px; | ||||||
|   margin-bottom: -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; | ||||||
| } | } | ||||||
|  |  | ||||||
| .markdown h1 { | .box{ | ||||||
|   font-size: 160%; |   padding-bottom: 10px; | ||||||
|   font-weight: bolder; |   margin-bottom: 25px; | ||||||
| } | } | ||||||
| .markdown h2 { | .box h2{ | ||||||
|   font-size: 150%; |   color: #227c74; | ||||||
|   font-weight: bolder; |   font-size: 1.5em; | ||||||
| } |   font-weight: 700; | ||||||
| .markdown h3 { |   text-transform: uppercase; | ||||||
|   font-size: 140%; |  | ||||||
|   font-weight: bolder; |  | ||||||
| } |  | ||||||
| .markdown h4 { |  | ||||||
|   font-size: 130%; |  | ||||||
|   font-weight: bold; |  | ||||||
| } |  | ||||||
| .markdown h5 { |  | ||||||
|   font-size: 120%; |  | ||||||
|   font-weight: bold; |  | ||||||
| } |  | ||||||
| .markdown h6 { |  | ||||||
|   font-size: 110%; |  | ||||||
|   font-weight: bold; |  | ||||||
| } |  | ||||||
| .markdown ul, .markdown ol { |  | ||||||
|   margin-left: 20px; |  | ||||||
| } |  | ||||||
| .markdown img { |  | ||||||
|   display: block; |  | ||||||
|   margin: 20px auto; |  | ||||||
|   max-width: 1000px; |  | ||||||
|   text-align: center; |  | ||||||
| } |  | ||||||
| .markdown blockquote { |  | ||||||
|   margin: 20px 0; |  | ||||||
|   padding: 15px 20px; |  | ||||||
| } |  | ||||||
| .markdown blockquote p { |  | ||||||
|   display: inline; |  | ||||||
| } |  | ||||||
| .markdown code { |  | ||||||
|   font-family: monospace; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .main .highlights { | #awards, | ||||||
|   width: auto; | #education{ | ||||||
|   display: block; |   margin-top: 20px; | ||||||
|   padding: 0 10px; |  | ||||||
|   margin-bottom: 0; |   margin-bottom: 0; | ||||||
|   columns: 2; |   position: relative; | ||||||
|   column-width: 310px; |   padding: 1em 0; | ||||||
|   column-gap: 10px; |  | ||||||
| } |  | ||||||
| .main .highlights li { |  | ||||||
|   font-size: 14px; |  | ||||||
|   list-style: none; |   list-style: none; | ||||||
| } | } | ||||||
| .main .highlights li:before { | #awards:before, | ||||||
|   content: "· "; | #education:before { | ||||||
|   vertical-align: middle; |   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 ); | ||||||
| } | } | ||||||
| .main .left { | #awards li, | ||||||
|   display: table-cell; | #education li{ | ||||||
|  |   width: 100%; | ||||||
|  |   z-index: 2; | ||||||
|  |   position: relative; | ||||||
|  |   float: left; | ||||||
| } | } | ||||||
| .main .left .title { | #awards .year, | ||||||
|   font-size: 18px; | #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; |   font-weight: bold; | ||||||
|   display: block; |  | ||||||
| } | } | ||||||
| .main .left .subtitle { | .job .year{ | ||||||
|   font-size: 16px; |   opacity: 0.7; | ||||||
|   font-weight: lighter; |  | ||||||
|   display: block; |  | ||||||
| } | } | ||||||
| .main .right { | .job .profession{ | ||||||
|   text-align: right; |   font-size: 1.2em; | ||||||
|   display: table-cell; |   font-weight: bold; | ||||||
| } | } | ||||||
| .main .right .date { | .job .description{ | ||||||
|   font-size: 15px; |   line-height: 1.5em; | ||||||
|   font-weight: lighter; | } | ||||||
|  | .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; |   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; | ||||||
| } | } | ||||||
|  |  | ||||||
| .basics .main { | #language-skills .skill{ | ||||||
|   vertical-align: middle; |   margin: 10px 0; | ||||||
| } |   padding-bottom: 10px; | ||||||
| .basics .main .name { |   border-bottom: 1px solid #eee; | ||||||
|   font-size: 80px; |  | ||||||
|   line-height: 1em; |  | ||||||
|   font-weight: bold; |  | ||||||
|   display: block; |  | ||||||
|   margin-left: -5.6px; |  | ||||||
| } |  | ||||||
| .basics .main .label { |  | ||||||
|   font-size: 40px; |  | ||||||
|   line-height: 1em; |  | ||||||
|   font-weight: lighter; |  | ||||||
|   display: block; |  | ||||||
|   margin-left: -1.6px; |  | ||||||
| } |  | ||||||
| .basics .side { |  | ||||||
|   vertical-align: middle; |  | ||||||
|   padding-left: 0; |  | ||||||
|   padding-top: 15px; |  | ||||||
| } |  | ||||||
| .basics .side .contact { |  | ||||||
|   list-style-type: none; |  | ||||||
| } |  | ||||||
| .basics .side .contact li { |  | ||||||
|   font-size: 18px; |  | ||||||
|   line-height: 1.6em; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .links ul { |     </style> | ||||||
|   list-style: none; |     <style type="text/css" media="print"> | ||||||
| } |     body { | ||||||
| .links ul li { |   font-size: .95em; | ||||||
|   font-size: 14px; |   -webkit-print-color-adjust: exact; | ||||||
| } | } | ||||||
|  |  | ||||||
| .education .title { | a[href]:after { | ||||||
|   font-size: 15px; |   content: none !important; | ||||||
| } |  | ||||||
| .education .institution { |  | ||||||
|   font-size: 15px; |  | ||||||
|   font-weight: lighter; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .awards .header .title { | #photo{ | ||||||
|   font-size: 15px; |   display: none; | ||||||
| } |  | ||||||
| .awards .header .awarder { |  | ||||||
|   font-size: 15px; |  | ||||||
|   font-weight: lighter; |  | ||||||
| } |  | ||||||
| .awards .summary { |  | ||||||
|   font-size: 14px; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .certificates .name { | .box { | ||||||
|   font-size: 15px; |   margin-bottom: -10px; | ||||||
| } |  | ||||||
| .certificates .issuer { |  | ||||||
|   font-size: 15px; |  | ||||||
|   font-weight: lighter; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .skills .section-title { | 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; |   margin: 0; | ||||||
| } | } | ||||||
| .skills .container { |  | ||||||
|   display: block; | .badge { | ||||||
|   columns: 2; |   margin: 0; | ||||||
|   column-gap: 10px; |  | ||||||
| } |  | ||||||
| .skills .container .article { |  | ||||||
|   break-inside: avoid-column; |  | ||||||
|   min-width: 120px; |  | ||||||
|   padding-top: 20px; |  | ||||||
| } |  | ||||||
| .skills .container .article span { |  | ||||||
|   display: block; |  | ||||||
|   font-size: 18px; |  | ||||||
|   font-weight: lighter; |  | ||||||
| } |  | ||||||
| .skills .container .article li { |  | ||||||
|   font-size: 14px; |  | ||||||
|   list-style: none; |  | ||||||
| } | } | ||||||
|  |  | ||||||
| .languages ul { | .list-group-item{ | ||||||
|   list-style: none; |   border: none; | ||||||
| } |   margin: 0; | ||||||
| .languages ul li { |   padding: 5px 15px; | ||||||
|   font-size: 14px; |  | ||||||
| } | } | ||||||
|  | .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; | ||||||
|  |  } | ||||||
|  |  | ||||||
| .interests ul { |     </style> | ||||||
|   list-style: none; |   </head> | ||||||
| } |   <body> | ||||||
| .interests ul li { |     <div class="container"> | ||||||
|   font-size: 14px; |       <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 | ||||||
|                    |                    | ||||||
| .references .name { |               </div> | ||||||
|   font-size: 15px; |               <div class="col-sm-offset-1 col-sm-12 clearfix"> | ||||||
| } |                 <span class= "skill badge">Soldering - Intermediate</span> | ||||||
| .references q { |               </div> | ||||||
|   font-size: 14.5px; |             </div> | ||||||
|   font-weight: lighter; |             <div class="skills clearfix"> | ||||||
|   font-style: italic; |               <div class="item-skills"> | ||||||
| }</style><title>Resume Andrew Woodlee – Cybersecurity Engineer</title></head><body><div class="content"><div class="basics"><div class="table padding-bottom-container-2"><div class="main"><span class="name">Andrew Woodlee</span><span class="label">Cybersecurity Engineer</span></div><div class="side"><ul class="contact"><li>256-755-9555</li><li>anw@andrewnw.com</li><li class="margin-text-5">Huntsville, Alabama, US</li></ul></div></div><div class="summary markdown padding-container-2"><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> |                   DevOps | ||||||
| </div></div><div class="table padding-top-container-2"><div class="main"><div class="work margin-container-4"><p class="section-title no-alone-2">Experience</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Research Assistant II</span><span class="subtitle margin-text-1"><a>The University of Alabama System Management and Production Center</a> · Huntsville, Alabama</span></div><div class="right"><span class="date">Jun 2023 - Jul 2024</span></div></div></div><div class="summary markdown margin-text-4"><p>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</p> |                    | ||||||
| </div><ul class="highlights margin-text-4 no-break"><li>Lead on Arduino programming for two Toy Fire trucks</li><li>Added enhancements to the audio playback and movement of the truck</li><li>Setup Linux on a Raspberry Pi for a PX 100 Robotic Arm that went on a STEM bus</li></ul></div></div></div><div class="projects margin-container-4"><p class="section-title no-alone-2">Projects</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Lead on circuit design and Arduino programming</span><span class="subtitle margin-text-1"><a>Wallet Transformer Monitor</a></span></div><div class="right"><span class="date">Sep 2023 - May 2024</span></div></div></div><div class="summary markdown margin-text-4"><p>Senior Design Project that monitors a single-phase 120V transformer using an ESP-32 and a web dashboard</p> |               </div> | ||||||
| </div><ul class="highlights margin-text-4 no-break"><li>Wrote ESP-32 code that interfaced with an energy sensing chip, temperature sensors, WiFi, and MQTT over SSL.</li><li>Studied and assembled voltage and current sensing, full-bridge rectifier circuits safely</li></ul></div><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Creator</span><span class="subtitle margin-text-1"><a href="https://backy.cybershell.xyz">Backy</a></span></div><div class="right"><span class="date">Sep 2022 - Present</span></div></div></div><div class="summary markdown margin-text-4"><p>Application that allows many commands to be run on many hosts.</p> |               <div class="col-sm-offset-1 col-sm-12 clearfix"> | ||||||
| </div><ul class="highlights margin-text-4 no-break"><li>Allows easy configuration of executable commands</li><li>Commands can be grouped in list to run in specific order</li><li>Notifications on completion and failure</li><li>Allows for commands to be run on many hosts over SSH</li></ul></div><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Collaborator</span><span class="subtitle margin-text-1"><a href="https://git.digitaltelepresence.com/digital-telepresence/">Digital Telepresence</a></span></div><div class="right"><span class="date">Apr 2022 - Mar 2024</span></div></div></div><div class="summary markdown margin-text-4"><p>DTP is an online application suite for the web</p> |                 <span class= "skill badge">CI/CD - Intermediate</span> | ||||||
| </div><ul class="highlights margin-text-4 no-break"><li>My blog at https://blog.cybershell.xyz is hosted using this software</li><li>Helped to build a new system from the ground up</li><li>Independently designed novel solutions with minimal guidance</li><li>Service-oriented MVVM development and separation of concerns</li></ul></div></div></div></div><div class="side"><div class="skills margin-container-4"><p class="section-title no-alone-1">Skills</p><div class="container"><div class="article no-break"><span>Electrical</span><ul class="margin-text-2"><li>Soldering - Intermediate</li></ul></div><div class="article no-break"><span>DevOps</span><ul class="margin-text-2"><li>CI/CD - Intermediate</li><li>Git - Advanced</li><li>Gitea - Intermediate</li><li>GitHub - Intermediate</li><li>Docker - Intermediate</li></ul></div><div class="article no-break"><span>Systems and Servers</span><ul class="margin-text-2"><li>Linux - Advanced</li><li>C/C++ - Advanced</li><li>Go - Advanced</li><li>JavaScript - Advanced</li><li>MongoDB - Intermediate</li><li>Python - Advanced</li></ul></div><div class="article no-break"><span>Web Development</span><ul class="margin-text-2"><li>HTML - Intermediate</li><li>JavaScript - Advanced</li><li>Go - Advanced</li></ul></div><div class="article no-break"><span>Reverse engineering</span><ul class="margin-text-2"><li>IDA Pro - Intermediate</li><li>Ghidra - Intermediate</li></ul></div><div class="article no-break"><span>Embedded Systems</span><ul class="margin-text-2"><li>ESP-32 - Advanced</li><li>Arduino - Advanced</li><li>MSP430 - Intermediate</li></ul></div></div></div><div class="education margin-container-4"><p class="section-title no-alone-1">Education</p><div class="container"><div class="article margin-container-2 no-break"><div class="title markdown"><p>Bachelor, Cybersecurity Engineer</p> |                 <span class= "skill badge">Git - Advanced</span> | ||||||
| </div><span class="institution margin-text-2"><a href="https://uah.edu/">University of Alabama in Huntsville</a></span></div></div></div><div class="awards margin-container-4"><p class="section-title no-alone-1">Awards</p><div class="container"><div class="article margin-container-2 no-break"><div class="header"><span class="title">Merit Tuition Scholarship</span><span class="awarder margin-text-2">University of Alabama in Huntsville</span></div><div class="summary markdown margin-text-3"><p>Andrew earned this scholarship with outstanding performance on the ACT.</p> |                 <span class= "skill badge">Gitea - Intermediate</span> | ||||||
| </div></div><div class="article margin-container-2 no-break"><div class="header"><span class="title">Dean's List</span><span class="awarder margin-text-2">Dean of College of Engineering</span></div><div class="summary markdown margin-text-3"><p>Andrew earned this award with 3.50+ GPA in the term.</p> |                 <span class= "skill badge">GitHub - Intermediate</span> | ||||||
| </div></div><div class="article margin-container-2 no-break"><div class="header"><span class="title">Dean's List</span><span class="awarder margin-text-2">Dean of College of Engineering</span></div><div class="summary markdown margin-text-3"><p>Andrew earned this award with 3.75 GPA in the term.</p> |                 <span class= "skill badge">Docker - Intermediate</span> | ||||||
| </div></div><div class="article margin-container-2 no-break"><div class="header"><span class="title">Dean's List</span><span class="awarder margin-text-2">Dean of College of Engineering</span></div><div class="summary markdown margin-text-3"><p>Andrew earned this award with 3.75 GPA in the term.</p> |               </div> | ||||||
| </div></div></div></div><div class="interests margin-container-4 no-break"><p class="section-title no-alone-1">Interests</p><div class="container"><ul><li class="article margin-text-2">Computers</li><li class="article margin-text-2">Nature</li></ul></div></div><div class="links margin-container-4 no-break"><p class="section-title no-alone-1">Links</p><div class="container"><ul><li class="article"><a href="https://andrewnw.xyz"><strong>andrewnw.xyz</strong></a></li><li class="article margin-text-4"><a href="https://blog.cybershell.xyz/"><strong>blog.cybershell.xyz</strong></a></li><li class="article margin-text-4"><a href="https://github.com/CybersShell"><strong>github.com</strong>/CybersShell</a></li><li class="article margin-text-4"><a href="https://git.andrewnw.xyz/CyberShell"><strong>git.andrewnw.xyz</strong>/CyberShell</a></li></ul></div></div></div></div></div></body></html> |             </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> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user