diff --git a/groupwork/frontend/s10/activity/index-ron.css b/groupwork/frontend/s10/activity/index-ron.css deleted file mode 100644 index 819e9bf..0000000 --- a/groupwork/frontend/s10/activity/index-ron.css +++ /dev/null @@ -1,137 +0,0 @@ -/* - Member 1: Josua -Member 2: Chris -Member 3: Ron -Member 4: JP -Member 5: Ron -*/ - -/* Member 1 & 2 */ -* { - padding: 0; - margin: 0; - box-sizing: border-box; - font-family: 'Open Sans', sans-serif; - height: auto; -} -button { - color: white; - padding: 15px; - width: 9rem; - font-size: 15px; - font-weight: 700; - border: none; - border-radius: 25px; -} -nav { - padding: 5px; - position: sticky; - top: 0; - z-index: 1; - background-color: #fff; -} -.right-nav { - float: right; -} -nav li { - list-style: none; - text-decoration: none; - display: inline-block; -} -.nav, .nav-logo { - margin: 8px; - padding: 3px; -} - -/* Ron - Member 3 */ -#logo { -padding: 8px 5px 0 0; -} -#nav-button { - background-color: #c2195b; -} -#bg-image { - background-image: url(https://d3ojsfl21hfxhc.cloudfront.net/assets/zuitt/programdetails2_w.jpg); - background-repeat: no-repeat; - background-size: cover; - background-position: center; - color: white; - height: 50vh; -} -.container { - background-color: rgba(0, 0, 0, 0.5); - height: 50vh; - float: right; - position: relative; - text-align: right; - padding-right: 5rem; - padding-top: 5rem; -} -.title, .subtitle { - width: 50%; - float: right; - display: inline-block; -} -#apply-button { - width: 8%; - float: right; - display: block; - position: absolute; - bottom: 20%; - right: 4.3%; -} - - - -/* .container { - background-color: rgba(0, 0, 0, 0.5); - text-align: right; - width: 100%; - position: relative; - height: 30vh; -} */ -.title { - font: 'Zilla Slab', sans-serif; - font-size: 3.5rem; - font-weight: 700; -} -.subtitle { - font-size: 1.3rem; - font-weight: 300; - margin-left: 9rem; -} -#apply-button { - margin-top: 2rem; - background-color: #c2195b; -} - - -/* Ron - Member 5 */ -#main { - text-align: center; -} -.title-2 { - font-family: 'Zilla Slab', serif; - font-size: 3rem; - font-weight: 500; - margin: 3rem auto; -} -#description, #book-description { - margin: 3rem auto; - font-weight: 500; - width: 50%; -} -#book-button { - background-color: #336589; - margin-top: 2rem; -} -footer { - margin-top: 10rem; - margin-bottom: 1rem; - padding: 0; - text-align: center; -} -footer span { - margin: auto 5rem; - font-weight: 500; -} diff --git a/groupwork/frontend/s10/activity/index.css b/groupwork/frontend/s10/activity/index.css index 5f95358..d1386e8 100644 --- a/groupwork/frontend/s10/activity/index.css +++ b/groupwork/frontend/s10/activity/index.css @@ -33,7 +33,7 @@ nav { padding: 10px; position: sticky; top: 0; - z-index: 1; + z-index: 999; background-color: white; } diff --git a/groupwork/frontend/s10/activity/index.html b/groupwork/frontend/s10/activity/index.html index 3210c0e..dfbe0ed 100644 --- a/groupwork/frontend/s10/activity/index.html +++ b/groupwork/frontend/s10/activity/index.html @@ -7,7 +7,7 @@ - Document + S10 Group Activity @@ -29,7 +29,6 @@ -
diff --git a/groupwork/frontend/s11/activity/index.html b/groupwork/frontend/s11/activity/index.html new file mode 100644 index 0000000..ce0b3d7 --- /dev/null +++ b/groupwork/frontend/s11/activity/index.html @@ -0,0 +1,123 @@ + + + + + + + + + + + + + Developer Portfolio + + + + + + + + + + + + +
+ + + Home + + + About Me + + + Projects + + +
+ + + + +
+ +
+ + + + +
+ +

+ Ada Lovelace +

+ + +

Full-Stack Web Developer

+
+ +
+ + +

+ 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. +

+ +
+ + + + + + +
+ + + + + + + +
+ + + + +

My First Project

+

A simple project made from HTML

+
+
+ +

My Second Project

+

A simple project made from CSS

+
+
+ +

My Third Project

+

A simple Bootstrap project.

+
+
+ + + + + + + + + + +
+

All assets are used for educational purposes only.

+
+ + + + + + + + + + \ No newline at end of file diff --git a/groupwork/frontend/s11/index.css b/groupwork/frontend/s11/index.css new file mode 100644 index 0000000..e69de29 diff --git a/groupwork/frontend/s11/index.html b/groupwork/frontend/s11/index.html new file mode 100644 index 0000000..459a900 --- /dev/null +++ b/groupwork/frontend/s11/index.html @@ -0,0 +1,120 @@ + + + + + + + + + + Bootstrap Introduction and Simple Styles + + + + + + + + + + + +
+ + + Home + + + About Me + + + Projects + + +
+ + + + +
+ +
+ + + + +
+ +

+ Ada Lovelace +

+ + +

Full-Stack Web Developer

+
+ +
+ + +

+ 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. +

+ +
+ + + + + + +
+ + + + + + + +
+ + + + +

My First Project

+

A simple project made from HTML

+
+
+ +

My Second Project

+

A simple project made from CSS

+
+
+ +

My Third Project

+

A simple Bootstrap project.

+
+
+ + + + + + + + +
+

All assets are used for educational purposes only.

+
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/groupwork/frontend/s12/activity/index.html b/groupwork/frontend/s12/activity/index.html new file mode 100644 index 0000000..4e992ad --- /dev/null +++ b/groupwork/frontend/s12/activity/index.html @@ -0,0 +1,100 @@ + + + + + + + + + + + Developer Portfolio: Projects + + + + +
+ +

Projects

+ + +
+
+
Web API (Ecommerce)
+

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.

+
+
+ +
+
+ + + + +
+
+
React Frontend (Ecommerce)
+

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.

+
+
+ +
+
+ + + +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + +
+ + + + + + + \ No newline at end of file diff --git a/groupwork/frontend/s13/activity/images/logo-bootstrap.png b/groupwork/frontend/s13/activity/images/logo-bootstrap.png new file mode 100644 index 0000000..e80e3a8 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-bootstrap.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-css3.png b/groupwork/frontend/s13/activity/images/logo-css3.png new file mode 100644 index 0000000..45bdd4f Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-css3.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-expressjs.png b/groupwork/frontend/s13/activity/images/logo-expressjs.png new file mode 100644 index 0000000..190fa16 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-expressjs.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-git.png b/groupwork/frontend/s13/activity/images/logo-git.png new file mode 100644 index 0000000..24f8fec Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-git.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png b/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png new file mode 100644 index 0000000..09af48d Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-gitlab-ci-cd.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-heroku.png b/groupwork/frontend/s13/activity/images/logo-heroku.png new file mode 100644 index 0000000..a0ff475 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-heroku.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-html5.png b/groupwork/frontend/s13/activity/images/logo-html5.png new file mode 100644 index 0000000..b259528 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-html5.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-javascript.png b/groupwork/frontend/s13/activity/images/logo-javascript.png new file mode 100644 index 0000000..88c3677 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-javascript.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-mongodb.png b/groupwork/frontend/s13/activity/images/logo-mongodb.png new file mode 100644 index 0000000..8980c1d Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-mongodb.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-nodejs.png b/groupwork/frontend/s13/activity/images/logo-nodejs.png new file mode 100644 index 0000000..b6f8fc1 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-nodejs.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-postman.png b/groupwork/frontend/s13/activity/images/logo-postman.png new file mode 100644 index 0000000..a0aea1f Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-postman.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-react.png b/groupwork/frontend/s13/activity/images/logo-react.png new file mode 100644 index 0000000..2c70b87 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-react.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-rest.png b/groupwork/frontend/s13/activity/images/logo-rest.png new file mode 100644 index 0000000..9c53319 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-rest.png differ diff --git a/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png b/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png new file mode 100644 index 0000000..ebcd763 Binary files /dev/null and b/groupwork/frontend/s13/activity/images/logo-sublime-text-3.png differ diff --git a/groupwork/frontend/s13/activity/index.html b/groupwork/frontend/s13/activity/index.html new file mode 100644 index 0000000..efb6280 --- /dev/null +++ b/groupwork/frontend/s13/activity/index.html @@ -0,0 +1,126 @@ + + + + + + + + + + + Developer Portfolio: Other Projects and Tools + + + + + +
+
Ada Lovelace
+ +
+ + + +
+ +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + + +
+ + +

Core Tools

+ +
+
+ +
+
+ + +
+
+ + + +

Other Tools

+ +
+
+ + + + + +
+
+ + + + +
+
+ + +
+ + +
+ + + + + + + + + \ No newline at end of file diff --git a/groupwork/frontend/s14/activity/index.html b/groupwork/frontend/s14/activity/index.html new file mode 100644 index 0000000..f875356 --- /dev/null +++ b/groupwork/frontend/s14/activity/index.html @@ -0,0 +1,99 @@ + + + + + + + + + + + + + + + S14 - Activity + + + + + + + + +
+
+

Welcome to My Website

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + + + +
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisi et sem eleifend aliquet. Fusce interdum rutrum ipsum, non feugiat risus consectetur eu. Nulla sodales orci et mi ultrices, at mattis leo gravida. Curabitur non dapibus orci.

+
+
+ +
+
+
+ + + + +
+
+
+
+

Web Development

+

We provide professional web development services.

+ +
+
+ +
+
+

Graphic Design

+

Our talented designers create stunning graphics for your brand.

+
+
+ +
+
+

Digital Marketing

+

We help businesses grow their online presence.

+
+
+
+
+ + + + + +
+
© 2023 My Website.
+
|
+
All rights reserved.
+
+ + + + \ No newline at end of file diff --git a/individual/frontend/s11/index.html b/individual/frontend/s11/index.html new file mode 100644 index 0000000..435f96e --- /dev/null +++ b/individual/frontend/s11/index.html @@ -0,0 +1,185 @@ + + + + + + + + + + + + + Bootstrap Introduction and Simple Styles + + + + + + + +
+ +

Bootstrap Introduction and Simple Styles

+ + +
+ +
+ +
+ + + + +
+ +

Boostrap Color Classes

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TextBackground
+ Primary link + + Primary +
+ Secondary link + + Secondary +
+ Success link + + Success +
+ Danger link + + Danger +
+ Warning link + + Warning +
+ Info link + + Info +
+ Light link + + Light +
+ Dark link + + Dark +
+ Muted link + + Transparent +
+ White link + + White +
+ + + +

Bootstrap Text Classes

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Alignment
Left
Center
Right
Small Center
Others Right/Medium Left
Large Right
Extra Large Center
+ + + + +
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s11/ron.html b/individual/frontend/s11/ron.html new file mode 100644 index 0000000..6920bb5 --- /dev/null +++ b/individual/frontend/s11/ron.html @@ -0,0 +1,123 @@ + + + + + + + + + + + + + Developer Portfolio + + + + + + + + + + + + +
+ + + Home + + + About Me + + + Projects + + +
+ + + + +
+ +
+ + + + +
+ +

+ Ada Lovelace +

+ + +

Full-Stack Web Developer

+
+ +
+ + +

+ 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. +

+ +
+ + + + + + +
+ + + + + + + +
+ + + + +

My First Project

+

A simple project made from HTML

+
+
+ +

My Second Project

+

A simple project made from CSS

+
+
+ +

My Third Project

+

A simple Bootstrap project.

+
+
+ + + + + + + + + + +
+

All assets are used for educational purposes only.

+
+ + + + + + + + + + \ No newline at end of file diff --git a/individual/frontend/s12/discussion/index.css b/individual/frontend/s12/discussion/index.css new file mode 100644 index 0000000..eab97ca --- /dev/null +++ b/individual/frontend/s12/discussion/index.css @@ -0,0 +1,111 @@ +* { + margin:0; + padding:0; + box-sizing: border-box; +} + +/* Bootstrap Font */ +body { + font-family: "Helvetica Neue", sans-serif; +} + +.text-center { + text-align: center; +} +.bg-primary { + background-color: dodgerblue; +} +.bg-secondary { + background-color: lightslategray; +} +.text-light { + color: white; +} +.border { + border: 1px solid gray; +} +.border-dark { + border-color: black; +} +.pt-3 { + padding-top: 20px; +} +.pb-3 { + padding-bottom: 20px; +} +.row { + display: flex; + flex-wrap: wrap; +} + +/* Columns */ +.col-1 { + width: calc((100% / 12)) +} +.col-2 { + width: calc((100% / 12)*2) +} +.col-3 { + width: calc((100% / 12)*3) +} +.col-4 { + width: calc((100% / 12)*4) +} +.col-5 { + width: calc((100% / 12)*5) +} +.col-6 { + width: calc((100% / 12)*6) +} +.col-7 { + width: calc((100% / 12)*7) +} +.col-8 { + width: calc((100% / 12)*8) +} +.col-9 { + width: calc((100% / 12)*9) +} +.col-10 { + width: calc((100% / 12)*10) +} +.col-11 { + width: calc((100% / 12)*11) +} +.col-12 { + width: calc((100% / 12)*12) +} +@media (min-width: 576px) { + body { + background-color: lightyellow; + } +} +@media (min-width: 768px) { + body { + background-color: lightgreen; + } +} +@media (min-width: 992px) { + body { + background-color: lightblue; + } +} +@media (min-width: 1280px) { + body { + background-color: lightblue; + } +} + + + + + + + + + + + + + + diff --git a/individual/frontend/s12/discussion/index.html b/individual/frontend/s12/discussion/index.html new file mode 100644 index 0000000..56c32a2 --- /dev/null +++ b/individual/frontend/s12/discussion/index.html @@ -0,0 +1,77 @@ + + + + + + + + Bootstrap Grid System + + +

Bootstrap Grid System

+ + +

Two Columns

+
+

1:1 Ratio

+ + +
+
6 Col
+
6 Col
+
+ +

1:2 Ratio

+ +
+
4 Col
+
8 Col
+
+ +

1:3 Ratio

+ +
+
3 Col
+
9 Col
+
+ +
+ + +

Three Columns

+
+

1:1:1 Ratio

+
+
4 Col
+
4 Col
+
4 Col
+
+ + + +

Uneven Ratio

+
+
7 Col
+
3 Col
+
2 Col
+
+
+ + + +

Automatic Sizing

+
+
+
Auto
+
Auto
+
Auto
+
Auto
+
Auto
+
+
+ + + + + + \ No newline at end of file diff --git a/individual/frontend/s12/discussion/ron.html b/individual/frontend/s12/discussion/ron.html new file mode 100644 index 0000000..6af7b75 --- /dev/null +++ b/individual/frontend/s12/discussion/ron.html @@ -0,0 +1,102 @@ + + + + + + + + + + + Developer Portfolio: Projects + + + + +
+ +

Projects

+ + +
+
+
+
Web API (Ecommerce)
+

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.

+
+
+ +
+
+
+ + + +
+
+
+
React Frontend (Ecommerce)
+

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.

+
+
+ +
+
+
+ + +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + +
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s13/discussion/images/logo-bootstrap.png b/individual/frontend/s13/discussion/images/logo-bootstrap.png new file mode 100644 index 0000000..e80e3a8 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-bootstrap.png differ diff --git a/individual/frontend/s13/discussion/images/logo-css3.png b/individual/frontend/s13/discussion/images/logo-css3.png new file mode 100644 index 0000000..45bdd4f Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-css3.png differ diff --git a/individual/frontend/s13/discussion/images/logo-expressjs.png b/individual/frontend/s13/discussion/images/logo-expressjs.png new file mode 100644 index 0000000..190fa16 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-expressjs.png differ diff --git a/individual/frontend/s13/discussion/images/logo-git.png b/individual/frontend/s13/discussion/images/logo-git.png new file mode 100644 index 0000000..24f8fec Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-git.png differ diff --git a/individual/frontend/s13/discussion/images/logo-gitlab-ci-cd.png b/individual/frontend/s13/discussion/images/logo-gitlab-ci-cd.png new file mode 100644 index 0000000..09af48d Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-gitlab-ci-cd.png differ diff --git a/individual/frontend/s13/discussion/images/logo-heroku.png b/individual/frontend/s13/discussion/images/logo-heroku.png new file mode 100644 index 0000000..a0ff475 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-heroku.png differ diff --git a/individual/frontend/s13/discussion/images/logo-html5.png b/individual/frontend/s13/discussion/images/logo-html5.png new file mode 100644 index 0000000..b259528 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-html5.png differ diff --git a/individual/frontend/s13/discussion/images/logo-javascript.png b/individual/frontend/s13/discussion/images/logo-javascript.png new file mode 100644 index 0000000..88c3677 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-javascript.png differ diff --git a/individual/frontend/s13/discussion/images/logo-mongodb.png b/individual/frontend/s13/discussion/images/logo-mongodb.png new file mode 100644 index 0000000..8980c1d Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-mongodb.png differ diff --git a/individual/frontend/s13/discussion/images/logo-nodejs.png b/individual/frontend/s13/discussion/images/logo-nodejs.png new file mode 100644 index 0000000..b6f8fc1 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-nodejs.png differ diff --git a/individual/frontend/s13/discussion/images/logo-postman.png b/individual/frontend/s13/discussion/images/logo-postman.png new file mode 100644 index 0000000..a0aea1f Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-postman.png differ diff --git a/individual/frontend/s13/discussion/images/logo-react.png b/individual/frontend/s13/discussion/images/logo-react.png new file mode 100644 index 0000000..2c70b87 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-react.png differ diff --git a/individual/frontend/s13/discussion/images/logo-rest.png b/individual/frontend/s13/discussion/images/logo-rest.png new file mode 100644 index 0000000..9c53319 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-rest.png differ diff --git a/individual/frontend/s13/discussion/images/logo-sublime-text-3.png b/individual/frontend/s13/discussion/images/logo-sublime-text-3.png new file mode 100644 index 0000000..ebcd763 Binary files /dev/null and b/individual/frontend/s13/discussion/images/logo-sublime-text-3.png differ diff --git a/individual/frontend/s13/discussion/index-rev.html b/individual/frontend/s13/discussion/index-rev.html new file mode 100644 index 0000000..8b43d2a --- /dev/null +++ b/individual/frontend/s13/discussion/index-rev.html @@ -0,0 +1,102 @@ + + + + + + + + + + + Developer Portfolio: Projects + + + + +
+ +

Projects

+ + +
+
+
+
Web API (Ecommerce)
+

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.

+
+
+ +
+
+
+ + + +
+
+
+
React Frontend (Ecommerce)
+

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.

+
+
+ +
+
+
+ + +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + +
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s13/discussion/index-s13.html b/individual/frontend/s13/discussion/index-s13.html new file mode 100644 index 0000000..d423239 --- /dev/null +++ b/individual/frontend/s13/discussion/index-s13.html @@ -0,0 +1,128 @@ + + + + + + + + + + + Developer Portfolio: Other Projects and Tools + + + + + +
+
Ada Lovelace
+
+
About Me
+
Projects
+
Tools
+
+
+ + + +
+ +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + + +
+ + +

Core Tools

+ +
+
+ +
+
+ + +
+
+ + + +

Other Tools

+ +
+
+ + + + + + + +
+
+ + + + +
+
+ + +
+ + +
+ + + + + + + + + \ No newline at end of file diff --git a/individual/frontend/s13/discussion/index.css b/individual/frontend/s13/discussion/index.css new file mode 100644 index 0000000..d7058b1 --- /dev/null +++ b/individual/frontend/s13/discussion/index.css @@ -0,0 +1,53 @@ + + /*CSS Reset*/ + * { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + /*Bootstrap Font*/ + body { + font-family: "Helvetica Neue", sans-serif; + } + + .text-center { + text-align: center; + } + + .h-25 { + height: 25%; + } + + .p-3 { + padding: 15px; + } + + .bg-success { + background-color: forestgreen; + } + + .bg-warning { + background-color: orange; + } + + .bg-danger { + background-color: darkred; + } +/* CSS and Bootstrap Flexbox */ +.d-flex { + display: flex; +} +.justify-content-center { + justify-content: center; +} +.align-items-center { + align-items: center; +} +.flex-column { + flex-direction: column; +} +.flex-column-reverse { + flex-direction: column-reverse; +} + diff --git a/individual/frontend/s13/discussion/index.html b/individual/frontend/s13/discussion/index.html new file mode 100644 index 0000000..70c8d4f --- /dev/null +++ b/individual/frontend/s13/discussion/index.html @@ -0,0 +1,54 @@ + + + + + + CSS and Bootstrap Flex + + + + + + + + + + + + +
+ + +

Bootstrap Flex

+

Use the d-flex class to create a flex container and transform direct children into flex items.

+ + +

Centering elements

+
+
Flex Item A
+
FLex Item B
+
Flex Item C
+
+ +

Flex Row

+
+
Flex Item A
+
Flex Item B
+
Flex Item C
+
+ +

Flex Row Reverse

+
+
Flex Item A
+
Flex Item B
+
Flex Item C
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s13/discussion/ron.html b/individual/frontend/s13/discussion/ron.html new file mode 100644 index 0000000..70b9606 --- /dev/null +++ b/individual/frontend/s13/discussion/ron.html @@ -0,0 +1,185 @@ + + + + + + + + + + + Developer Portfolio: Other Projects and Tools + + + + + +
+
Ada Lovelace
+
+
About Me
+
Projects
+
Tools
+
+
+ + + +
+ +

Other Projects

+ + +
+ + +
+ +
HTML
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Bootstrap
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + + +
+ +
Node JS Server
+

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+ + +
+ + + +
+ + +

Core Tools

+ +
+
+ +
+
+ + +
+
+ + + +

Other Tools

+ +
+
+ + + + + + +
+
+ + + + + +
+
+ + +
+ + +
+ +
+
+
+

Welcome to My Website

+
+
+ + + +
+
+
+ +
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum risus sed arcu commodo, at cursus magna porttitor. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+
+ +
+
+
+

Feature 1

+
+
+ +
+
+

Feature 2

+
+
+ +
+
+

Feature 3

+
+
+
+ +
+
Footer
+
|
+
Terms of Use
+
|
+
Copyright 2023
+
+
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s14/discussion/group-sol.html b/individual/frontend/s14/discussion/group-sol.html new file mode 100644 index 0000000..bdd84a2 --- /dev/null +++ b/individual/frontend/s14/discussion/group-sol.html @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + S14 - Activity + + + + + + + + +
+
+

Welcome to My Website

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + + + +
+
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisi et sem eleifend aliquet. Fusce interdum rutrum ipsum, non feugiat risus consectetur eu. Nulla sodales orci et mi ultrices, at mattis leo gravida. Curabitur non dapibus orci.

+
+
+ +
+
+
+
+ + + + +
+
+
+
+

Web Development

+

We provide professional web development services.

+ +
+
+ +
+
+

Graphic Design

+

Our talented designers create stunning graphics for your brand.

+
+
+ +
+
+

Digital Marketing

+

We help businesses grow their online presence.

+
+
+
+
+ + + + + +
+
© 2023 My Website.
+
|
+
All rights reserved.
+
+ + + + \ No newline at end of file diff --git a/individual/frontend/s14/discussion/groupwork.html b/individual/frontend/s14/discussion/groupwork.html new file mode 100644 index 0000000..eadba68 --- /dev/null +++ b/individual/frontend/s14/discussion/groupwork.html @@ -0,0 +1,77 @@ + + + + + + + + + S14 - Activity + + + + + + + +
+
+

Welcome to My Website

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + + +
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisi et sem eleifend aliquet. Fusce interdum rutrum ipsum, non feugiat risus consectetur eu. Nulla sodales orci et mi ultrices, at mattis leo gravida. Curabitur non dapibus orci.

+
+
+ +
+
+
+ + +
+
+
+

Web Development

+

We provide professional web development services

+
+
+ +
+
+

Graphic Design

+

Our talented designers create stunning graphics for your brand

+
+
+ +
+
+

Digital Marketing

+

We help business grow their online presence

+
+
+
+ + +
+
© 2023 My Website.
+
|
+
All rights reserved.
+
+ + + + \ No newline at end of file diff --git a/individual/frontend/s14/discussion/index.css b/individual/frontend/s14/discussion/index.css new file mode 100644 index 0000000..e69de29 diff --git a/individual/frontend/s14/discussion/index.html b/individual/frontend/s14/discussion/index.html new file mode 100644 index 0000000..7ab5270 --- /dev/null +++ b/individual/frontend/s14/discussion/index.html @@ -0,0 +1,95 @@ + + + + Title + + + + + + + Bootstrap - Layout and Best Practices + + + + + + +
+
+
Item 1
+
Item 2
+
Item 3
+
+ +
+
+
+

Welcome to My Website

+
+
+ + + +
+
+
+ +
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum risus sed arcu commodo, at cursus magna porttitor. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

+
+
+ +
+
+
+

Feature 1

+
+
+ +
+
+

Feature 2

+
+
+ +
+
+

Feature 3

+
+
+
+ +
+
Footer
+
|
+
Terms of Use
+
|
+
Copyright 2023
+
+
+ + + + + \ No newline at end of file diff --git a/individual/frontend/s15/discussion/images/ada.jpg b/individual/frontend/s15/discussion/images/ada.jpg new file mode 100644 index 0000000..79db9fb Binary files /dev/null and b/individual/frontend/s15/discussion/images/ada.jpg differ diff --git a/individual/frontend/s15/discussion/images/bootstrap-illustration.png b/individual/frontend/s15/discussion/images/bootstrap-illustration.png new file mode 100644 index 0000000..5e51bfe Binary files /dev/null and b/individual/frontend/s15/discussion/images/bootstrap-illustration.png differ diff --git a/individual/frontend/s15/discussion/images/html.jpg b/individual/frontend/s15/discussion/images/html.jpg new file mode 100644 index 0000000..15faaee Binary files /dev/null and b/individual/frontend/s15/discussion/images/html.jpg differ diff --git a/individual/frontend/s15/discussion/images/nodejs.png b/individual/frontend/s15/discussion/images/nodejs.png new file mode 100644 index 0000000..b3fc9c1 Binary files /dev/null and b/individual/frontend/s15/discussion/images/nodejs.png differ diff --git a/individual/frontend/s15/discussion/index-group.html b/individual/frontend/s15/discussion/index-group.html new file mode 100644 index 0000000..3aa2c32 --- /dev/null +++ b/individual/frontend/s15/discussion/index-group.html @@ -0,0 +1,299 @@ + + + + + + + + + + + Bootstrap Components + + + + + + + + + +
+ +
+ + +
+
+ + +
+
+

+ +

+
+ + +
+ + + +
+
+

+ +

+
+
+
+ +
+
+
+ + + +
+
+

+ +

+
+
+
+ +
+
+
+ + +
+
+ + + +
+ + +
+ + + + +

Ada Lovelace

+

Full-Stack Developer

+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+
+
+ + +
+
+ +
+
+ + +
+ + + +
+ +

Other Projects

+ + +
+ + +
+
+ ... + +
HTML
+
Programming Basics
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + + +
+
+ ... + +
Bootstrap
+
Rapid Prototyping
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + + +
+
+ ... + +
Node JS Server
+
Backend Basics
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + +
+ + +
+ + + + +
+ +

Contact Me

+ +
+
+ +
+ +
+ + +
+ +
+ + + We'll never share your email with anyone else. +
+ +
+ + +
+ + + +
+ + +
+ + +
+ +
+ +
+
+ +
+ + + + + + + + + + \ No newline at end of file diff --git a/individual/frontend/s15/discussion/index.html b/individual/frontend/s15/discussion/index.html new file mode 100644 index 0000000..a64fdad --- /dev/null +++ b/individual/frontend/s15/discussion/index.html @@ -0,0 +1,308 @@ + + + + + + + + + + + Bootstrap Components + + + + + + + + + +
+ +
+ + +
+
+ + +
+
+

+ +

+
+ + +
+ + + +
+
+

+ +

+
+
+
+ +
+
+
+ + + +
+
+

+ +

+
+
+
+ +
+
+
+ + +
+
+ + + +
+ + +
+ + + + +

Ada Lovelace

+

Full-Stack Developer

+ +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+
+
+ + +
+
+ +
+
+ + +
+ + + +
+ +

Other Projects

+ + +
+ + +
+
+ ... + +
HTML
+
Programming Basics
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + + +
+
+ ... + +
Bootstrap
+
Rapid Prototyping
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + + +
+
+ ... + +
Node JS Server
+
Backend Basics
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing 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. +

+ Link To Project +
+
+ + +
+ + +
+ + + + +
+

Contact me

+
+
+
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ + +
+
+
+
+

Thank you for contacting us!

+ +
+ +
+

Message Successfully sent.

+
+ +
+ +
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/individual/frontend/s16-s17/capstone.json b/individual/frontend/s16-s17/capstone.json new file mode 100644 index 0000000..fc6ac61 --- /dev/null +++ b/individual/frontend/s16-s17/capstone.json @@ -0,0 +1,7 @@ +{ + "capstone": { + "liveLink": + "name": "Ron", + "ismulti": false + } +} \ No newline at end of file diff --git a/individual/frontend/s16-s17/footer.css b/individual/frontend/s16-s17/footer.css new file mode 100644 index 0000000..4896831 --- /dev/null +++ b/individual/frontend/s16-s17/footer.css @@ -0,0 +1,13 @@ +.footer { + background-color: var(--bg-primary); + color: white; + padding: 30px 0; +} +#awesome i{ + font-size: 2rem; + color: white; + transition: 0.5s; +} +#awesome i:hover { + color: var(--clr-font-primary); +} diff --git a/individual/frontend/s16-s17/general.css b/individual/frontend/s16-s17/general.css new file mode 100644 index 0000000..acd8b89 --- /dev/null +++ b/individual/frontend/s16-s17/general.css @@ -0,0 +1,114 @@ +body { + font-family: 'Open Sans', sans-serif; +} +:root { + /* Branding Color */ + --bg-primary: blue; + --bg-secondary: #fff; + --clr-neutral-100: rgb(236, 236, 236); + --clr-font-primary: rgb(131, 131, 131); + + --box-shadow: 1px 1px 10px #ececec, + -1px -1px 10px #ffffff; + + /* Font Styles */ + --fs-primary: 'Open Sans', sans-serif; + --fs-secondary: 'Poppins', sans-serif; + + /* Font Weight */ + --ff-sz-300: 300; + --ff-sz-400: 500; + --ff-sz-600: 600; + --ff-sz-900: 900; + /* Font Size */ + --fs-ld1: 3.875rem; + --fs-h1: 2.875rem; + --fs-h2: 2rem; + --fs-h6: 1.5rem; + --fs-p: 1.125rem; + --fs-p1: 1.25rem; + --fs-lp: 1rem; +} +.bg-primary { + background-color: var(--bg-primary) !important; +} +.bg-secondary { + background-color: var(--bg-secondary) !important; +} +.box-shadow { + box-shadow: var(--box-shadow); +} +.hd-1 { + font-size: var(--fs-ld1); + font-weight: var(--ff-sz-900); +} +.h1 { + font-size: var(--fs-h1); + font-weight: var(--ff-sz-600); +} +.h2 { + font-size: var(--fs-h2); + font-weight: var(--ff-sz-600); +} +.p-1 { + font-size: var(--fs-p); +} +span { + font-weight: var(--ff-sz-600); + color: var(--bg-primary); +} +.p { + font-size: var(--fs-p1); + font-style: var(--fs-primary); + color: var(--clr-font-primary); +} +.navbar { + padding: 0 !important; +} +.py-cus { + margin-top: 8rem; + width: 400px; +} +.py-cus-mobile { + margin: 5rem 0; + width: 350px; +} +.py-cus-mobile h1{ + font-size: var(--fs-h1); + font-weight: var(--ff-sz-600); +} +.skills-container span { + color: var(--clr-font-primary); + +} +.html,.css,.javascript,.shopify,.wordpress,.github,.sqlbasics,.linux,.figma,.graphicdesign,.photoshop,.illustrator,.premiere { + color: rgb(103, 103, 103); + font-size: var(--fs-p); + line-height: 6rem; + padding: 18px; + border-radius: 5px; + background: #ffffff; + box-shadow: 1px 1px 10px #ececec, + -1px -1px 10px #ffffff; + margin: 10px 10px 10px 0px; + border: 3px solid blue; + } +@media (max-width: 567px) { + .navbar { + padding-left: 12px !important; + } +} +@media (max-width: 768px) { + .navbar-toggler { + display: block; + } + .navbar-collapse { + display: none; + } + .navbar-toggler.collapsed + .navbar-collapse { + display: block; + } + #landing { + display: none; + } +} diff --git a/individual/frontend/s16-s17/header.css b/individual/frontend/s16-s17/header.css new file mode 100644 index 0000000..bfcb2aa --- /dev/null +++ b/individual/frontend/s16-s17/header.css @@ -0,0 +1,61 @@ +.logo { + padding: 0; + width: 70px; + border-radius: 5px; +} +.logo-container { + width: 300px; + height: auto; + position: relative; +} +.logo-container strong, +.logo-container p { + padding: 0; + margin: 0; + position: absolute; +} +.logo-container strong { + top: -16px; + font-size: var(--fs-h1); + font-weight: var(--ff-sz-600); + font-family: var(--fs-secondary); +} +.logo-container p { + bottom: -22px; + font-size: var(--fs-h1); + font-family: var(--fs-secondary); + font-weight: var(--ff-sz-300); +} +ul li { + text-decoration: none; + list-style: none; + transition: 0.5s; + padding: 2rem; + display: flex; + align-items: center; +} +ul li:hover { + background-color: var(--clr-neutral-100); + cursor: pointer; +} +@media (max-width: 1200px) { + .logo-container strong { + top: -5px; + font-size: var(--fs-h2); + } + .logo-container p { + bottom: -5px; + font-size: var(--fs-h2); + } +} +@media (max-width: 768px) { + .navbar-toggler { + display: block; + } + .navbar-collapse { + display: none; + } + .navbar-toggler.collapsed + .navbar-collapse { + display: block; + } +} \ No newline at end of file diff --git a/individual/frontend/s16-s17/images/Background.gif b/individual/frontend/s16-s17/images/Background.gif new file mode 100644 index 0000000..6d77f1a Binary files /dev/null and b/individual/frontend/s16-s17/images/Background.gif differ diff --git a/individual/frontend/s16-s17/images/logo.png b/individual/frontend/s16-s17/images/logo.png new file mode 100644 index 0000000..ac181be Binary files /dev/null and b/individual/frontend/s16-s17/images/logo.png differ diff --git a/individual/frontend/s16-s17/index.html b/individual/frontend/s16-s17/index.html new file mode 100644 index 0000000..e9856ae --- /dev/null +++ b/individual/frontend/s16-s17/index.html @@ -0,0 +1,230 @@ + + + + Ron - Full Stack Web Developer + + + + + + + + + + + + + + + + + +
+ +
+
+ +
+
+
+

Designer

+

Graphic designer specialize, UI design and design systems

+
+
+

<Coder>

+

Frontend developer who writes clean, elegant and efficient codes.

+
+
+
+
+
+
+

HEY, IM RON RECIPROCO

+

A Frontend focused Web Developer building the Frontend of Websites and Design systems that leads to the success of the overall product.

+
+
+
+ +
+
+

ABOUT ME

+

Here you will find more information about me, what I do, and my current skills mostly in terms of programming and technology

+
+
+
+
+
+

Get to know me!

+

As a versatile creative professional, I wear multiple hats to bring impactful digital experiences to life. As a Frontend Web Developer, I craft functional and responsive websites that engage users.

+

My expertise as a Graphic Designer merges aesthetics and user experience, ensuring visually appealing and intuitive interfaces. I have a knack for graphic design, creating captivating branding, logos, and packaging that resonate with the target audience.

+

My skills extend to producing engaging social media content, crafting compelling visual narratives through video editing, and breathing life into designs with animations. I ensure that each project is not just aesthetically pleasing, but also strategically aligned to achieve business goals.

+
+
+
+

Skills

+ HTML + CSS + JavaScript + Shopify + Wordpress + Github + SQL + Linux +
+
+

Tools

+ Photoshop + Illustrator + PremierePro + Figma + Canva +
+
+
+
+ +
+
+

PROJECTS

+

Here you will find more information about me, what I do, and my current skills mostly in terms of programming and technology.

+
+
+
+ +
+
+

Google

+

As a full-stack web developer at Google, I am responsible for designing, building, and maintaining web applications that support various Google products and services. My role involves both front-end and back-end development, collaborating with teams, and ensuring optimal user experiences. I contribute to Google's web ecosystem, serving a global user base.

+ + + +
+
+ +
+
+

Twitter

+

As a full-stack web developer at Twitter, I focus on crafting and enhancing web-based features and services for Twitter's platform. My responsibilities span front-end and back-end development, working closely with cross-functional teams to deliver a seamless user experience. I contribute to Twitter's dynamic social media landscape, connecting users worldwide in real time.

+ + + +
+
+ +
+
+

Facebook

+

+ As a full-stack web developer at Facebook, my role centers on creating and improving web applications to support Facebook's vast array of features and services. I engage in front-end and back-end development, collaborating across teams to deliver an exceptional user experience. I play a part in Facebook's global social networking platform..

+ + + +
+
+
+
+ + +
+ +
+

Contact me

+

Feel free to Contact me by submitting the form below and I will get back to you as soon as possible

+
+ +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ + +
+
+
+
+

Thank you for contacting us!

+ +
+ +
+

Message Successfully sent.

+
+ +
+ +
+
+
+
+
+
+ +
+

© Copyright 2023. Made by Ron Reciproco

+
+ + + +
+
+ + + + + + + \ No newline at end of file diff --git a/individual/frontend/s16-s17/main.css b/individual/frontend/s16-s17/main.css new file mode 100644 index 0000000..91be365 --- /dev/null +++ b/individual/frontend/s16-s17/main.css @@ -0,0 +1,75 @@ +#landing { + min-height: 87vh; + background-image: url('images/background.gif'); + background-size: cover; + background-repeat: no-repeat; + display: flex; + justify-content: center; + +} +@media (max-width: 1920px) { + .py-cus { + margin-top: 13rem !important; + } +} +@media (max-width: 1600px) { + #landing { + min-height: 77vh; + } + .py-cus { + margin-top: 11rem !important; + } +} +@media (max-width: 1440px) { + #landing { + min-height: 67vh; + } +} +@media (max-width: 1200px) { + #landing { + min-height: 55vh; + } + .p-1 { + font-size: var(--fs-lp) !important; + } + .py-cus { + margin-top: 9rem !important; + width: 300px !important; + } +} +@media (max-width: 992px) { + #landing { + min-height: 45vh; + } + .hd-1 { + font-size: var(--fs-h1) !important; + } + .p-1 { + font-size: var(--fs-lp) !important; + } + .py-cus { + margin-top: 6rem !important; + width: 250px !important; + } +} +/* Tablet Display Settings */ +/* Display None =< Medium Screen */ +@media (min-width: 768px) { + #landing-mobile { + display: none; + } +} +button { + font-size: var(--fs-p); + font-weight: 500; + padding: 10px 2rem 10px 2rem; + border: 2px solid blue; + background: blue; + color: white; + transition: 0.5s; + cursor: pointer; +} +button:hover { + background: white; + color: blue; +} \ No newline at end of file diff --git a/s16-s17 b/s16-s17 new file mode 160000 index 0000000..90e19e6 --- /dev/null +++ b/s16-s17 @@ -0,0 +1 @@ +Subproject commit 90e19e664877e7a1d4c8278fbc5119c599a22b85