diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..7c51485a1 Binary files /dev/null and b/.DS_Store differ diff --git a/IMG/.DS_Store b/IMG/.DS_Store new file mode 100644 index 000000000..4552b2039 Binary files /dev/null and b/IMG/.DS_Store differ diff --git a/IMG/Dog.jpg b/IMG/Dog.jpg new file mode 100644 index 000000000..09344bf08 Binary files /dev/null and b/IMG/Dog.jpg differ diff --git a/IMG/Lambda Assignment 4 intro to ux.jpg b/IMG/Lambda Assignment 4 intro to ux.jpg new file mode 100644 index 000000000..c94c9c0ee Binary files /dev/null and b/IMG/Lambda Assignment 4 intro to ux.jpg differ diff --git a/IMG/a.jpg b/IMG/a.jpg new file mode 100644 index 000000000..bd7bf00a0 Binary files /dev/null and b/IMG/a.jpg differ diff --git a/IMG/b.jpg b/IMG/b.jpg new file mode 100644 index 000000000..7c93c6572 Binary files /dev/null and b/IMG/b.jpg differ diff --git a/IMG/c.jpg b/IMG/c.jpg new file mode 100644 index 000000000..e79b7be26 Binary files /dev/null and b/IMG/c.jpg differ diff --git a/IMG/d.jpg b/IMG/d.jpg new file mode 100644 index 000000000..b6084a3bd Binary files /dev/null and b/IMG/d.jpg differ diff --git a/IMG/e.jpeg b/IMG/e.jpeg new file mode 100644 index 000000000..9ef116cb5 Binary files /dev/null and b/IMG/e.jpeg differ diff --git a/IMG/f.jpg b/IMG/f.jpg new file mode 100644 index 000000000..17b7d8918 Binary files /dev/null and b/IMG/f.jpg differ diff --git a/IMG/h.jpg b/IMG/h.jpg new file mode 100644 index 000000000..36963f8e4 Binary files /dev/null and b/IMG/h.jpg differ diff --git a/IMG/herson-rodriguez-96102-unsplash.jpg b/IMG/herson-rodriguez-96102-unsplash.jpg new file mode 100644 index 000000000..a8c9121cb Binary files /dev/null and b/IMG/herson-rodriguez-96102-unsplash.jpg differ diff --git a/IMG/humphrey-muleba-1119283-unsplash.jpg b/IMG/humphrey-muleba-1119283-unsplash.jpg new file mode 100644 index 000000000..1d0c22100 Binary files /dev/null and b/IMG/humphrey-muleba-1119283-unsplash.jpg differ diff --git a/IMG/jakob-owens-1240106-unsplash.jpg b/IMG/jakob-owens-1240106-unsplash.jpg new file mode 100644 index 000000000..21d5c270e Binary files /dev/null and b/IMG/jakob-owens-1240106-unsplash.jpg differ diff --git a/IMG/jakob-owens-300990-unsplash.jpg b/IMG/jakob-owens-300990-unsplash.jpg new file mode 100644 index 000000000..1b7dc070f Binary files /dev/null and b/IMG/jakob-owens-300990-unsplash.jpg differ diff --git a/IMG/jcob-nasyr-765785-unsplash.jpg b/IMG/jcob-nasyr-765785-unsplash.jpg new file mode 100644 index 000000000..ef32448d4 Binary files /dev/null and b/IMG/jcob-nasyr-765785-unsplash.jpg differ diff --git a/IMG/jj-jordan-1432811-unsplash.jpg b/IMG/jj-jordan-1432811-unsplash.jpg new file mode 100644 index 000000000..da6ecb623 Binary files /dev/null and b/IMG/jj-jordan-1432811-unsplash.jpg differ diff --git a/IMG/joel-mott-1315248-unsplash.jpg b/IMG/joel-mott-1315248-unsplash.jpg new file mode 100644 index 000000000..e9d802d21 Binary files /dev/null and b/IMG/joel-mott-1315248-unsplash.jpg differ diff --git a/IMG/joelvalve-B4tl_xW5Pco-unsplash.jpg b/IMG/joelvalve-B4tl_xW5Pco-unsplash.jpg new file mode 100644 index 000000000..83904ef37 Binary files /dev/null and b/IMG/joelvalve-B4tl_xW5Pco-unsplash.jpg differ diff --git a/IMG/jonathan-borba-1339221-unsplash.jpg b/IMG/jonathan-borba-1339221-unsplash.jpg new file mode 100644 index 000000000..33a16f94d Binary files /dev/null and b/IMG/jonathan-borba-1339221-unsplash.jpg differ diff --git a/IMG/jorge-vasconez-648837-unsplash.jpg b/IMG/jorge-vasconez-648837-unsplash.jpg new file mode 100644 index 000000000..e9d5dbd20 Binary files /dev/null and b/IMG/jorge-vasconez-648837-unsplash.jpg differ diff --git a/IMG/karim-manjra-fm9wqDNXyQ0-unsplash.jpg b/IMG/karim-manjra-fm9wqDNXyQ0-unsplash.jpg new file mode 100644 index 000000000..06fd84233 Binary files /dev/null and b/IMG/karim-manjra-fm9wqDNXyQ0-unsplash.jpg differ diff --git a/IMG/kate-trysh-167890-unsplash.jpg b/IMG/kate-trysh-167890-unsplash.jpg new file mode 100644 index 000000000..802fd2093 Binary files /dev/null and b/IMG/kate-trysh-167890-unsplash.jpg differ diff --git a/IMG/katya-austin-493886-unsplash.jpg b/IMG/katya-austin-493886-unsplash.jpg new file mode 100644 index 000000000..6f5e10fff Binary files /dev/null and b/IMG/katya-austin-493886-unsplash.jpg differ diff --git a/IMG/kaylee-garrett-1235852-unsplash.jpg b/IMG/kaylee-garrett-1235852-unsplash.jpg new file mode 100644 index 000000000..684017aa6 Binary files /dev/null and b/IMG/kaylee-garrett-1235852-unsplash.jpg differ diff --git a/IMG/keem-ibarra-391315-unsplash.jpg b/IMG/keem-ibarra-391315-unsplash.jpg new file mode 100644 index 000000000..ff12f038f Binary files /dev/null and b/IMG/keem-ibarra-391315-unsplash.jpg differ diff --git a/IMG/kris-mikael-krister-556573-unsplash.jpg b/IMG/kris-mikael-krister-556573-unsplash.jpg new file mode 100644 index 000000000..e7c7f74c9 Binary files /dev/null and b/IMG/kris-mikael-krister-556573-unsplash.jpg differ diff --git a/IMG/linkedin-sales-navigator-402819-unsplash.jpg b/IMG/linkedin-sales-navigator-402819-unsplash.jpg new file mode 100644 index 000000000..5072afa98 Binary files /dev/null and b/IMG/linkedin-sales-navigator-402819-unsplash.jpg differ diff --git a/IMG/luis-perez-companc-vSrN9W3JSMY-unsplash.jpg b/IMG/luis-perez-companc-vSrN9W3JSMY-unsplash.jpg new file mode 100644 index 000000000..7947605f8 Binary files /dev/null and b/IMG/luis-perez-companc-vSrN9W3JSMY-unsplash.jpg differ diff --git a/IMG/m-b-m-795202-unsplash.jpg b/IMG/m-b-m-795202-unsplash.jpg new file mode 100644 index 000000000..940a4970f Binary files /dev/null and b/IMG/m-b-m-795202-unsplash.jpg differ diff --git a/IMG/maddi-bazzocco-1174201-unsplash.jpg b/IMG/maddi-bazzocco-1174201-unsplash.jpg new file mode 100644 index 000000000..8f2cf5f1b Binary files /dev/null and b/IMG/maddi-bazzocco-1174201-unsplash.jpg differ diff --git a/IMG/mae-mu-1428027-unsplash.jpg b/IMG/mae-mu-1428027-unsplash.jpg new file mode 100644 index 000000000..3a08d37b8 Binary files /dev/null and b/IMG/mae-mu-1428027-unsplash.jpg differ diff --git a/IMG/markus-spiske-1182985-unsplash.jpg b/IMG/markus-spiske-1182985-unsplash.jpg new file mode 100644 index 000000000..8ff387d5e Binary files /dev/null and b/IMG/markus-spiske-1182985-unsplash.jpg differ diff --git a/IMG/medical_mockup.jpg b/IMG/medical_mockup.jpg new file mode 100644 index 000000000..45b38036c Binary files /dev/null and b/IMG/medical_mockup.jpg differ diff --git a/IMG/michael-mroczek-440382-unsplash.jpg b/IMG/michael-mroczek-440382-unsplash.jpg new file mode 100644 index 000000000..195af0b4a Binary files /dev/null and b/IMG/michael-mroczek-440382-unsplash.jpg differ diff --git a/IMG/mohamed-maail-481915-unsplash.jpg b/IMG/mohamed-maail-481915-unsplash.jpg new file mode 100644 index 000000000..923ddf8b8 Binary files /dev/null and b/IMG/mohamed-maail-481915-unsplash.jpg differ diff --git a/IMG/monika-grabkowska-759473-unsplash.jpg b/IMG/monika-grabkowska-759473-unsplash.jpg new file mode 100644 index 000000000..d1f7968e7 Binary files /dev/null and b/IMG/monika-grabkowska-759473-unsplash.jpg differ diff --git a/IMG/pablo-merchan-montes-218858-unsplash.jpg b/IMG/pablo-merchan-montes-218858-unsplash.jpg new file mode 100644 index 000000000..239087769 Binary files /dev/null and b/IMG/pablo-merchan-montes-218858-unsplash.jpg differ diff --git a/IMG/patricia-palma-974393-unsplash.jpg b/IMG/patricia-palma-974393-unsplash.jpg new file mode 100644 index 000000000..e52e472d2 Binary files /dev/null and b/IMG/patricia-palma-974393-unsplash.jpg differ diff --git a/IMG/paul-bence-OM9nU5wsq2w-unsplash.jpg b/IMG/paul-bence-OM9nU5wsq2w-unsplash.jpg new file mode 100644 index 000000000..875c226df Binary files /dev/null and b/IMG/paul-bence-OM9nU5wsq2w-unsplash.jpg differ diff --git a/IMG/pcwork.jpg b/IMG/pcwork.jpg new file mode 100644 index 000000000..9875e4224 Binary files /dev/null and b/IMG/pcwork.jpg differ diff --git a/IMG/phone_icon_clip_art_9064.jpg b/IMG/phone_icon_clip_art_9064.jpg new file mode 100644 index 000000000..790c6979c Binary files /dev/null and b/IMG/phone_icon_clip_art_9064.jpg differ diff --git a/IMG/photo-1455884981818-54cb785db6fc.jpeg b/IMG/photo-1455884981818-54cb785db6fc.jpeg new file mode 100644 index 000000000..b97647367 Binary files /dev/null and b/IMG/photo-1455884981818-54cb785db6fc.jpeg differ diff --git a/IMG/photo-1464802686167-b939a6910659.jpeg b/IMG/photo-1464802686167-b939a6910659.jpeg new file mode 100644 index 000000000..5607c5dfb Binary files /dev/null and b/IMG/photo-1464802686167-b939a6910659.jpeg differ diff --git a/IMG/photo-1506919258185-6078bba55d2a.jpeg b/IMG/photo-1506919258185-6078bba55d2a.jpeg new file mode 100644 index 000000000..2bed332e6 Binary files /dev/null and b/IMG/photo-1506919258185-6078bba55d2a.jpeg differ diff --git a/IMG/photo-1507591064344-4c6ce005b128.jpeg b/IMG/photo-1507591064344-4c6ce005b128.jpeg new file mode 100644 index 000000000..1ba2db36e Binary files /dev/null and b/IMG/photo-1507591064344-4c6ce005b128.jpeg differ diff --git a/IMG/photo-1518467166778-b88f373ffec7.jpeg b/IMG/photo-1518467166778-b88f373ffec7.jpeg new file mode 100644 index 000000000..5216f0041 Binary files /dev/null and b/IMG/photo-1518467166778-b88f373ffec7.jpeg differ diff --git a/IMG/photo-1525707513103-6e354b9fffb9.jpeg b/IMG/photo-1525707513103-6e354b9fffb9.jpeg new file mode 100644 index 000000000..00c67c231 Binary files /dev/null and b/IMG/photo-1525707513103-6e354b9fffb9.jpeg differ diff --git a/IMG/photo-1534352956036-cd81e27dd615.jpeg b/IMG/photo-1534352956036-cd81e27dd615.jpeg new file mode 100644 index 000000000..13cfc81d6 Binary files /dev/null and b/IMG/photo-1534352956036-cd81e27dd615.jpeg differ diff --git a/IMG/photo-1551058639-e209197aba8b.jpeg b/IMG/photo-1551058639-e209197aba8b.jpeg new file mode 100644 index 000000000..bbb56bdd8 Binary files /dev/null and b/IMG/photo-1551058639-e209197aba8b.jpeg differ diff --git a/IMG/piotr-miazga-119392-unsplash.jpg b/IMG/piotr-miazga-119392-unsplash.jpg new file mode 100644 index 000000000..929dd5268 Binary files /dev/null and b/IMG/piotr-miazga-119392-unsplash.jpg differ diff --git a/IMG/rainier-ridao-1064649-unsplash.jpg b/IMG/rainier-ridao-1064649-unsplash.jpg new file mode 100644 index 000000000..db23a290e Binary files /dev/null and b/IMG/rainier-ridao-1064649-unsplash.jpg differ diff --git a/IMG/random-institute-vgRjl3r8XmA-unsplash.jpg b/IMG/random-institute-vgRjl3r8XmA-unsplash.jpg new file mode 100644 index 000000000..fca8f2dd7 Binary files /dev/null and b/IMG/random-institute-vgRjl3r8XmA-unsplash.jpg differ diff --git a/IMG/roberto-delgado-webb-722736-unsplash.jpg b/IMG/roberto-delgado-webb-722736-unsplash.jpg new file mode 100644 index 000000000..62514a7e5 Binary files /dev/null and b/IMG/roberto-delgado-webb-722736-unsplash.jpg differ diff --git a/IMG/robin-stickel-82145-unsplash.jpg b/IMG/robin-stickel-82145-unsplash.jpg new file mode 100644 index 000000000..2057c0ccb Binary files /dev/null and b/IMG/robin-stickel-82145-unsplash.jpg differ diff --git a/IMG/room-l9QPabiKKhw-unsplash.jpg b/IMG/room-l9QPabiKKhw-unsplash.jpg new file mode 100644 index 000000000..2f5e4946d Binary files /dev/null and b/IMG/room-l9QPabiKKhw-unsplash.jpg differ diff --git a/IMG/roya-ann-miller-325259-unsplash.jpg b/IMG/roya-ann-miller-325259-unsplash.jpg new file mode 100644 index 000000000..e0d5c142f Binary files /dev/null and b/IMG/roya-ann-miller-325259-unsplash.jpg differ diff --git a/IMG/sebastian-herrmann-jzTQVxCyKYs-unsplash.jpg b/IMG/sebastian-herrmann-jzTQVxCyKYs-unsplash.jpg new file mode 100644 index 000000000..697ecc8bb Binary files /dev/null and b/IMG/sebastian-herrmann-jzTQVxCyKYs-unsplash.jpg differ diff --git a/IMG/slim-emcee-ug-the-poet-truth_from_africa_photography-slsgpLFB6xE-unsplash.jpg b/IMG/slim-emcee-ug-the-poet-truth_from_africa_photography-slsgpLFB6xE-unsplash.jpg new file mode 100644 index 000000000..2853212e4 Binary files /dev/null and b/IMG/slim-emcee-ug-the-poet-truth_from_africa_photography-slsgpLFB6xE-unsplash.jpg differ diff --git a/IMG/taili-samson-1299240-unsplash.jpg b/IMG/taili-samson-1299240-unsplash.jpg new file mode 100644 index 000000000..7258c3cb1 Binary files /dev/null and b/IMG/taili-samson-1299240-unsplash.jpg differ diff --git a/IMG/the-creative-exchange-1480932-unsplash.jpg b/IMG/the-creative-exchange-1480932-unsplash.jpg new file mode 100644 index 000000000..e70628b35 Binary files /dev/null and b/IMG/the-creative-exchange-1480932-unsplash.jpg differ diff --git a/IMG/victor-freitas-546919-unsplash.jpg b/IMG/victor-freitas-546919-unsplash.jpg new file mode 100644 index 000000000..32c8cac2c Binary files /dev/null and b/IMG/victor-freitas-546919-unsplash.jpg differ diff --git a/IMG/wexor-tmg-26886-unsplash.jpg b/IMG/wexor-tmg-26886-unsplash.jpg new file mode 100644 index 000000000..c6a79b330 Binary files /dev/null and b/IMG/wexor-tmg-26886-unsplash.jpg differ diff --git a/index.html b/index.html index d01f779ff..5dacc8588 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,106 @@ + + Document +
+

My Name Is Alexander Vargas

+ + + +
+ + - +
+ +
+

Alexander Vargas

+ +

Here are some words about me and my journey in coding so far. + These words are authentic and inspiring. These words tell my story.

+
+
+ +
+
+ + + +

My Project1

+ +
+
+ + + +

My Project2

+ +
+
+ + + +

My Project3

+ +
+
+ + + +

My Project4

+ +
+
+
+
+ + + +

My Project5

+ +
+
+ + + +

My Project6

+ +
+
+ + + +

My Project7

+ +
+
+ + + +

My Project8

+ +
+
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..880ea9c29 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,284 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,600'); + +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; +} + +html{ + font-size:62.5%; /*62.5% means that 10px = 1 rem */ + } + +*, *::before, *::after { +box-sizing: border-box; +color: pink; +font-size: 2rem; +} +.head { +background-color: rgb(42, 67, 165); + +} +li , a , button { + font-family: "" , sans-serif; + font-weight: 500; + font-size: 1.6rem; + text-decoration: none; + margin: .5%; +} + +.Navlinks{ + font-size: 21; + display: flex; + justify-content: flex-start; + padding: 3% 5%; + list-style: none; + +} + +Navlinks li{ + display: inline-block; + padding: 0 2rem; + + } +h2 { + font-size: 2rem; + font-weight: 500; +} + +.top { +text-align: left; +display: flex; +align-content: space-between; +margin: .5% .5% 5% .5%; +} + +.top p { +font-size: 1.6rem; +} +h1 { +padding: 2%; +font-size: 2.5rem; +font-weight: 600; +} + +.topwords { +padding: 10% 5% 5% 5%; +display: flex; +flex-direction: column; + +} +p { + + display: flex; + justify-content: center; + } + +.Probutton{ +color: rgb(255, 153, 0); +background-color: rgb(48, 27, 108); +border: none; +border-radius: .5rem; +width: 50%; +text-align: center; +margin: 2% 0 2% 0; +padding: 2%; + +} + + +body { +margin: 0; +font-family: 'Work Sans', sans-serif; +font-weight: 400; +position: relative; +top: 0px; +} + +.hero { + width: 50%; +} +.card { + display: flex; + flex-flow: column; + justify-content: space-evenly; +/*text-align: center;*/ +} + +.card2 { + + display: flex; + flex-flow: column; + align-items: center; + +} +.card p { + text-decoration: underline; +} +.card2 p { + text-decoration: underline; +} + +.pro-img{ + width: 80%; + display: flex; + align-items: center; + text-align: center; +} +.projects { + margin: 0 5%; + display: flex; + flex-direction: row; + justify-content: center + + +} +a { + display: flex; + flex-direction: column; + align-items: center; + margin: -10%; + + +} +.projects2 { + margin: 5%; + display: flex; + flex-direction: row; + justify-content: center + +} + +nav ul { +display: flex; +flex-direction: row; +justify-content: start; +} + +.Navbutton { +padding: .9rem 2.5 rem; +background-color: rgba(0,136,169,1); +border: none; +border-radius: .5rem; +} + + + +footer { + padding: 5%; + background-color: rgba(0,136,169,1); + display: flex; + flex-direction: column; + justify-content: center; + align-content: space-around; + align-items: center; + +} +h3 { + font-size: 3rem; + padding: 5%; +} + +.card-btn { + color: red; + border: none; + border-radius: .5rem; + +} + + + +/*Tablet size*/ +@media (max-width: 800px){ + * { + color: royalblue; + } + .card p { + font-weight: 800; + } + .card2 p { + font-weight: 800; +} + } + + + /*Phone*/ + @media (max-width: 450px){ + * { + color: red; + } +.head { + text-align: center; +} +Navlinks{ + margin: 0 auto; + width: 90%; + display: flex; + flex-direction: column; + align-items: center; +} + + .top { + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + margin: .5% .5% 5% .5%; + } + .projects{ + min-width: 60%; + display: flex; + flex-direction: column; + align-items: center; + margin: 5%; + + + } + .projects2{ + min-width: 80%; + display: flex; + flex-direction: column; + align-items: center; + margin: 5%; + } + + a { + display: flex; + flex-direction: column; + align-items: center; + margin: 5%; + + + } + .hero { + width: 90%; + } + .topwords { + display: flex; + flex-direction: column; + align-items: center; + + } + + h3 { + font-size: 1.6rem; + + } +} + \ No newline at end of file