diff --git a/css/index.css b/css/index.css index 7dd97920d..5d297fcb0 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,275 @@ -/* 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; +} +html, +body { + height: 100%; + background-color: grey; +} +.mixins_margins_0_paddings_2 { + margin-top: 0; + margin-bottom: 0; + padding: 2%; +} +.mixins_h1_font_color_margin { + font-size: 24px; + color: red; + margin-bottom: 2%; +} +.main_container { + width: 96%; + height: 100%; + margin: 2%; + padding: 0%; +} +.main_container .top_container { + background-color: #cccccc; + width: 100%; + padding-left: 3%; + padding-bottom: 3%; +} +.main_container .top_container .picture_and_navi { + width: 100%; + display: flex; + justify-content: space-evenly; + align-items: center; + padding: 1%; + margin: auto; +} +.main_container .top_container .picture_and_navi .picture { + width: 40%; + height: 15%; +} +.main_container .top_container .picture_and_navi .picture img { + width: 100%; + height: 100%; +} +.main_container .top_container .picture_and_navi .navi { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + width: 60%; + box-sizing: border-box; + margin: 5%; +} +.main_container .top_container .picture_and_navi .navi a { + width: 120px; + height: 30px; + text-decoration: none; + border-style: solid; + border-color: red; + background-color: grey; + border-width: 1px; + border-radius: 5px; + text-align: center; + font-size: 18px; + padding: 5px; + margin: 3%; + color: white; +} +.main_container .top_container .picture_and_navi .navi a:hover { + background-color: black; +} +.main_container .top_container h1 { + font-size: 50px; + color: red; + margin-top: 0; + margin-bottom: 0; + padding: 2%; +} +.main_container .top_container h3 { + font-size: 24px; + color: red; + margin-top: 0; + margin-bottom: 0; + padding: 2%; +} +.main_container .top_container p { + margin-top: 0; + margin-bottom: 0; + padding: 2%; +} +.main_container .top_container .Lets_Team_Up { + margin-left: 2%; + padding: 1%; + font-size: 18px; + background-color: grey; + text-decoration: none; + box-sizing: border-box; + color: white; + border-color: red; + border-style: solid; + border-width: 1px; + border-radius: 5px; +} +.main_container .top_container a:hover { + background-color: black; +} +.main_container .mid_container { + display: flex; + justify-content: start; + margin-top: 2%; + margin-bottom: 2%; + padding: 0%; +} +.main_container .mid_container .mid_left_container { + width: 45%; +} +.main_container .mid_container .mid_left_container h1 { + font-size: 24px; + color: red; + margin-bottom: 2%; +} +.main_container .mid_container .mid_right_container { + width: 45%; + margin-left: 10%; +} +.main_container .mid_container .mid_right_container h1 { + font-size: 24px; + color: red; + margin-bottom: 2%; +} +.main_container .bottom_container h1 { + font-size: 24px; + color: red; + margin-bottom: 2%; +} +.main_container .bottom_container .table .head { + font-weight: bold; +} +.main_container .bottom_container .table .head th { + width: 200px; + text-align: left; +} +.main_container .bottom_container .table .row { + color: black; +} diff --git a/img/JDD.jpg b/img/JDD.jpg new file mode 100644 index 000000000..b7a3613f0 Binary files /dev/null and b/img/JDD.jpg differ diff --git a/index.html b/index.html index a7f9e3ad1..a64c5f29b 100644 --- a/index.html +++ b/index.html @@ -3,17 +3,73 @@ - My Resume - - - - + + + - -

My Resume

+
+
+
+
+
+ + +
+
+ Intro + Skills + Work History + Contact + Project 1 + Project 2 +
+
+

Jose Dolar - Software Developer

+

Technology is my jam!

+

Occationally I have time to work on side projects. If you're interested, let me know by signing up on the website

+

+ Lets Team Up +

+
+
+
+

Listen up

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+

I cantact me at:

+

email:josedolar@yahoo.com

+
+

Mobile:999-999-9999

+
+
+
+

Work History

+ + + + + + + + + + + + + + + + + + + +
YrsCompanyTitleTech Used
3TeslaProduction Associate
9LakeshoreDesktop Software DeveloperPOS, OPOS, xBase, SQL, Html
+
+ +
+
\ No newline at end of file diff --git a/less/index.less b/less/index.less index 191ce142e..2e4484a9a 100644 --- a/less/index.less +++ b/less/index.less @@ -54,6 +54,151 @@ table { } html, body { - height: 100%; + height: 100%; + background-color: grey; } +// reset end +//variables +@a_border_color:red; +@a_hover_background-color:black; + +//mixins +.mixins_margins_0_paddings_2{ + margin-top: 0; + margin-bottom: 0; + padding:2%; +} +.mixins_h1_font_color_margin{ + font-size: 24px; + color:@a_border_color; + margin-bottom: 2%; + } + +.main_container{ + width:96%; + height:100%; + margin:2%; + padding:0%; + .top_container{ + background-color: #cccccc; + width:100%; + padding-left: 3%; + padding-bottom: 3%; + + .picture_and_navi{ + width:100%; + display:flex; + justify-content:space-evenly; + align-items: center; + padding:1%; + margin:auto; + + .picture{ + width: 40%; + height: 15%; + img{ + width:100%; + height: 100%; + //border-radius: 15px; + } + } + .navi{ + display:flex; + flex-wrap:wrap; + justify-content: flex-start; + width:60%; + box-sizing: border-box; + margin:5%; + + a{ + width:120px; + height:30px; + text-decoration: none; + border-style:solid; + border-color:@a_border_color; + background-color: grey; + border-width: 1px; + border-radius: 5px; + text-align:center; + font-size: 18px; + padding:5px; + margin:3%; + color:white; + } + a:hover{ + background-color:@a_hover_background-color; + } + + } + } + h1{ + font-size: 50px; + color:@a_border_color; + .mixins_margins_0_paddings_2(); + } + h3{ + font-size: 24px; + color:@a_border_color; + .mixins_margins_0_paddings_2(); + } + p{ + .mixins_margins_0_paddings_2(); + } + .Lets_Team_Up{ + margin-left:2%; + padding:1%; + font-size: 18px; + background-color: grey; + text-decoration:none; + box-sizing:border-box; + color:white; + border-color:@a_border_color; + border-style: solid; + border-width:1px; + border-radius: 5px; + } + a:hover{ + background-color:@a_hover_background-color; + } + + } // top container + .mid_container{ + display:flex; + justify-content: start; + margin-top: 2%; + margin-bottom: 2%; + padding:0%; + + .mid_left_container{ + width:45%; + h1{ + .mixins_h1_font_color_margin(); + } + } + .mid_right_container{ + width:45%; + margin-left: 10%; + h1{ + .mixins_h1_font_color_margin(); + } + } + } + .bottom_container { + h1{ + .mixins_h1_font_color_margin(); + } + .table{ + .head{ + font-weight: bold; + th{ + width: 200px; + text-align: left; + } + } + .row{ + color:black; + } + } + } +} // main container \ No newline at end of file