diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 000000000..2ba986f6f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/index.html b/index.html index d01f779ff..aea9a776a 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,78 @@ - Document + + Jose Dolar - +
+
+

Jose Dolar

+
+ Home + About + Contact + Projects +
+
+ +
+
+ +
+
+

Jose Dolar

+ My Projects +

+ I learned computer programming when I was in college. I studied Electrical Engineering and I took the BASIC programming language as an elective course. I excel in this class that I was hired to work in the university computer laboratory as assistant. My job was to help fellow student writing and debugging their programming projects. +

+

+ As a result of my hands-on working experience with computers I got jobs like computer operator, computer programmer and software developer. +

+ +
+
+
+
+ +

Project 1

+
+
+ +

Project 2

+
+
+ +

Project 3

+
+
+ +

Project 4

+
+
+
+
+ +

Project 5

+
+
+ +

Project 6

+
+
+ +

Project 7

+
+
+ +

Project 8

+ +
+
+ +
\ No newline at end of file diff --git a/projects.html b/projects.html index 266e620b0..1aaa45f4b 100644 --- a/projects.html +++ b/projects.html @@ -6,6 +6,6 @@ Document -

PROJECTS

+

PROJECTS

\ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..bbff825bd 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,127 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Reset CSS styling here */ +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; +} + +.main_container{ + border-color: grey; + border-width: 1px; + border-style: solid; + padding:15px; +} +.header_and_nav{ + padding-top: 25px; + padding-bottom: 25px; + background-color:#CCCCCC; +} + +.header_and_nav > h1{ + font-size:40px; + color:red; + padding-left: 10px; +} +.nav{ + margin-top:15px; + text-align: left; + padding-left: 10px; +} +.nav > a{ + border-width: 1px; + border-style: solid; + border-color: green; + padding:10px; + text-decoration: none; + } +a:hover{ + background-color: yellow; + color: red; +} + +.name_and_picture_container{ + margin-top: 10px; + display:flex; + justify-content: space-between; +} +.picture{ + width:46.70%; + height:300px; + margin-top:15px; +} +.picture > img{ + width:100%; + height:100%; +} +.name{ + padding-top: 50px; + padding-left: 50px; + border:5px; + /*width:40px;*/ + width:46.70%; + /* background-color:#CCCCCC;*/ + box-sizing: border-box; +} +.name > h1, .footer > h1{ + font-size: 24px; + margin-bottom: 5px; +} +.name >p{ + text-align: justify; +} +.name > a, .footer >a { + border-width: 1px; + border-style: solid; + border-color: green; + padding:3px; + margin-top:10px; + margin-bottom:10px; + text-decoration: none; +} + +.name >p{ + margin-top:10px; +} +.project_row1, .project_row2{ + display:flex; + justify-content: space-between; + margin-top: 60px; + margin-bottom: 60px; + +} +.project{ + width:20%; + height:200px; + text-align: center; +} +.project > img{ + width:100%; + height:100%; +} +.project > img:hover{ + width:110%; + height:110%; +} +.footer{ + margin-top: 20px; + text-align: center; + padding:10px; + background-color:#CCCCCC; +} + +