diff --git a/css/index.css b/css/index.css index 7dd97920d..b57dd84a0 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,239 @@ -/* Compile your LESS file! */ \ No newline at end of file +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +/* Set every element's box-sizing to border-box */ +* { + box-sizing: border-box; +} +@font-face { + font-family: 'Anton'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Anton Regular'), local('Anton-Regular'), url(https://fonts.gstatic.com/s/anton/v11/1Ptgg87LROyAm0K0.ttf) format('truetype'); +} +html, +body { + height: 100%; + font-size: 62.5%; + width: 900px; + background-color: #fabfaa; +} +h1 { + font-size: 3rem; + padding-top: 15px; +} +h2 { + font-size: 2rem; + padding-bottom: 20px; +} +p { + font-size: 1.5rem; + padding-top: 20px; + padding-bottom: 20px; +} +img { + width: 150px; +} +header { + display: flex; + flex-direction: column; + justify-content: center; + border: 1px solid black; +} +@media (max-width: 300px) { + header { + align-items: center; + } +} +header nav { + display: flex; + justify-content: center; +} +@media (max-width: 300px) { + header nav { + flex-direction: column; + align-items: center; + } +} +header a { + padding-top: 20px; + padding-bottom: 30px; +} +header .links { + margin-right: 20px; + font-size: 1.5rem; +} +.containerHome { + width: 95%; + max-width: 850px; + margin: 0 auto; +} +.mainheader { + background-color: #fff7f7; + width: 400px; + height: 500px ; + margin: 0 auto; + margin-top: 10px; + border: 2px solid black; +} +.mainheader button { + margin: 15px; +} +.secondsection { + display: flex; + width: 50%; + margin: 0 auto; + padding-top: 20px; +} +.secondsection h2 { + padding-bottom: 0em; +} +.secondsection ul { + padding-top: 20px; +} +.secondsection li { + font-size: 1.5rem; + border: 1px solid black; +} +.thirdsection { + display: flex; + justify-content: center; + width: 50%; + margin: 0 auto; +} +.thirdsection h2 { + padding-bottom: 0; + margin-top: 20px; +} +.thirdsection p { + padding-top: 10px; +} +footer { + text-align: center; +} diff --git a/images/corp.jpg b/images/corp.jpg new file mode 100644 index 000000000..931e0d741 Binary files /dev/null and b/images/corp.jpg differ diff --git a/images/lakepic.jpg b/images/lakepic.jpg new file mode 100644 index 000000000..77becc3c6 Binary files /dev/null and b/images/lakepic.jpg differ diff --git a/images/lambda-black.png b/images/lambda-black.png new file mode 100644 index 000000000..c22c571a3 Binary files /dev/null and b/images/lambda-black.png differ diff --git a/index.html b/index.html index a7f9e3ad1..83d2458b6 100644 --- a/index.html +++ b/index.html @@ -2,9 +2,10 @@ + - My Resume + Aaron Flowers resume @@ -12,8 +13,59 @@ - -

My Resume

+
+
+ + +
+
+ +
+

Aaron Flowers - Web Dev

+
+
+

Lambda School Student

+
+
+

Occasionally I have time to work on side projects, if you're interested,let me know by signing upon this website.

+
+
+ +
+
+
+
+

Summary

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores, quam, iusto unde deleniti praesentium fuga rerum incidunt velit inventore provident totam atque quo neque, facilis possimus illum esse quidem nesciunt.

+
+
+

Skills

+
    +
  • HTML
    • +
  • CSS
    • +
  • less
    • +
  • Javascript
    • +
+
+
+
+
+

Work History

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officia, nam ad. Illo, adipisci? Atque laborum ratione quia temporibus reiciendis libero necessitatibus. Maiores laborum, temporibus in veritatis dolore aliquam illo aspernatur.

+
+ +
+ + +
- \ No newline at end of file + + diff --git a/less/index.less b/less/index.less index 191ce142e..b6469aef3 100644 --- a/less/index.less +++ b/less/index.less @@ -53,7 +53,139 @@ table { box-sizing: border-box; } +@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); +//h1 font + +//Variables +@main-color:#fabfaa; +@h1-font:'Anton', sans-serif; +@back-color:#fff7f7; +@border: 2px solid black; +@accent-color:#bdb779 +//mixins +.flex(){ + display:flex; + justify-content:center; + +} + + html, body { - height: 100%; + height: 85%; + font-size: 62.5%; + width: 850px; + background-color:#fabfaa; +} + +h1{ + font-size: 3rem; + padding-top: 15px; + +} + + h2 { + font-size: 2rem; + padding-bottom: 20px; + + +} +p{ + font-size: 1.5rem; + padding-top: 20px; + padding-bottom: 20px; +} + +img{ + width: 150px; +} +header{ + display: flex; + flex-direction: column; + justify-content: center; + border: 1px solid black; +@media(max-width: 300px) { + align-items: center; +} + +nav{ + .flex(); + @media(max-width: 300px) { + flex-direction: column; + align-items: center; + } } +a{ + padding-top: 20px; + padding-bottom: 30px; + &:hover{ + color: @accent-color; + } +} +.links{ + margin-right: 20px; + font-size: 1.5rem; +} +} + +.containerHome{ + width: 95%; + max-width: 850px; + margin: 0 auto; +} +.mainheader{ + background-color:@back-color; + width: 400px; + height:500px ; + margin: 0 auto; + margin-top: 10px; + border: @border; + + + button{ + margin: 15px; + } + + +} + +.secondsection{ + display: flex; + width: 50%; + margin: 0 auto; + padding-top: 20px; + + h2{ + padding-bottom: 0em; + } + ul{ + padding-top: 20px; + + } + + li{ + font-size: 1.5rem; + border: 1px solid black + } + +} + + +.thirdsection{ + display: flex; + justify-content: center; + width:50%; + margin: 0 auto; + + h2{ + padding-bottom: 0; + margin-top: 20px; + } + p{ + padding-top: 10px; + + } + } + footer{ + text-align: center; + } diff --git a/orgindex.html b/orgindex.html new file mode 100644 index 000000000..59b74d0ee --- /dev/null +++ b/orgindex.html @@ -0,0 +1,68 @@ + + + + + + + + Aaron Flowers resume + + + + + + + +
+
+ +
+ +
+
+ +
+
+

Aaron Flowers - Web Dev

+

Lambda School

+
+
+

Occasionally I have time to work on side projects, if you're interested,let me know by signing upon this website.

+ +
+ +
+
+
+

Skills

+

Direct fueling personnel.Maintain the daily fueling operation. Coordinate the activity with Supervisors and fuelers in performing into plan and ground equipment fueling services. Responsible for communicating the daily safety briefing and other instructions to fuelers and monitoring their activities. Ensuring compliance with company, FAA, United airlines, and OSHA procedures, rules and regulations. Perform other duties as directed by immediate supervisor and or duty managers. +

+
+ +
+
+

Things I Enjoy Doing

+

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nobis quos provident neque amet officiis placeat ut voluptatibus dolorum tempora odio, accusantium obcaecati quo repellendus suscipit doloribus? Culpa quos nihil iste!

+
+
+
+
+

+

+
+
+ +
+ + + + \ No newline at end of file