diff --git a/CSS/about.css b/CSS/about.css new file mode 100644 index 0000000..d3f5237 --- /dev/null +++ b/CSS/about.css @@ -0,0 +1,236 @@ +/* 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: 62.5%; + font: inherit; + font-family: 'Maitree', serif; + 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; + background-image: url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +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; +} + +/* Header Styles */ +header{ + display: flex; + flex-direction: column; + align-items: center; + margin-left:1%; + margin-top: 2%; +} + +h1{ + font-size: 2.5rem; +} + +h2{ + font-size: 1.5rem; + margin-left:2%; +} + +.header-menu{ + display:flex; + justify-content: space-evenly; + background-color: aquamarine; + margin-top:2%; + max-width:100%; +} + +.header-menu a{ + margin-left:2%; + margin-top:1%; + margin-bottom:1%; + margin-right:2%; + text-decoration: none; + font-size: 1.2rem; + color:black; +} + +.header-menu a:hover{ + color:red; +} + +/* Main Text Styles */ + +.About-text{ + display:flex; + flex-direction: column; + align-items: center; + margin-top: 5%; +} + +.About-text p{ + margin-top: 2%; + width:50%; + font-size: 1.5rem; +} + +img{ + width:300px; + height:300px; + border-radius: 50%; + margin-top:3%; +} + +.About-pics{ + display:flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + width:90%; + height:600px; + margin-top:2%; + /* border:2px solid; */ + margin-left:6%; + font-size: 1.5rem; +} + +.About-pics p{ + width:20%; + margin-top: 1%; + text-align: center; +} + +.About-pics h5{ + margin-top: 1%; +} + +.About-pics2 p{ + width:25%; + margin-top: 1%; + text-align: center; +} + +.About-pics2{ + display: flex; + flex-direction: column; + flex-wrap: wrap; + width:80%; + height:500px; + margin-top:2%; + align-items: center; + /* border:2px solid; */ + margin-left:10%; + font-size: 1.5rem; + margin-bottom: 1%; +} +.About-pics2 h5{ + margin-top: 1%; +} + + +/* 500px media styles */ +@media (max-width:500px){ + .header-menu{ + flex-direction: column; + align-items: center; + } + .header-menu a{ + font-size: 1.5rem; + margin-top: 3%; + } + header{ + align-items: center; + } + .About-text p{ + width:90%; + } + .About-pics{ + height:900px; + flex-wrap: nowrap; + } + .About-pics2{ + margin-top: 1100px; + height:900px; + flex-wrap: nowrap; + } + .About-pics p{ + margin-top: 2%; + width:50%; + } + .About-pics2 p{ + margin-top: 2%; + width:90%; + } +} + +/* 800px media styles */ + +@media (max-width:800px){ + .header-menu{ + flex-direction: column; + align-items: center; + + } + .header-menu a{ + font-size: 1.5rem; + margin-top: 3%; + } + header{ + align-items: center; + } + .About-text p{ + width:90%; + } + .About-pics{ + height:900px; + flex-wrap: nowrap; + margin-top: 5%; + } + .About-pics2{ + margin-top: 950px; + height:900px; + flex-wrap: nowrap; + } + .About-pics p{ + margin-top: 2%; + width:50%; + } + .About-pics2 p{ + margin-top: 2%; + width:90%; + } +} \ No newline at end of file diff --git a/CSS/index.css b/CSS/index.css new file mode 100644 index 0000000..06948b8 --- /dev/null +++ b/CSS/index.css @@ -0,0 +1,213 @@ +/* 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: 62.5%; + font: inherit; + font-family: 'Maitree', serif; + 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; + background-image: url(https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} +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; +} + +/* Header Styles */ +header{ + display: flex; + flex-direction: column; + align-items: center; + margin-left:5%; + margin-top: 3%; +} + +h1{ + font-size: 2.5rem; +} + +h2{ + font-size: 1.5rem; + margin-left:2%; +} + + +/* Nav Styles */ + +.header-menu{ + display:flex; + justify-content: space-evenly; + background-color: aquamarine; + margin-top:2%; + max-width:100%; +} + +.header-menu a{ + margin-left:2%; + margin-top:1%; + margin-bottom:1%; + margin-right:2%; + text-decoration: none; + font-size: 1.2rem; + color:black; +} + +.header-menu a:hover{ + color:red; +} + +/* Main Text Styles */ + +.main-text{ + margin-top:4%; + margin-left:5%; + display:flex; + flex-direction: column; + align-items: center; +} + +.main-text p{ + font-size: 1.5rem; + width:30%; + margin-top:2%; + margin-left:2%; + margin-bottom:2%; + text-align: center; +} + +.main-text h1{ + width:30%; + font-size: 3.2rem; + margin-bottom:4%; + text-align: center; +} + +.main-text img{ + border:2px solid; + /* width:400px; + height:400px; */ +} + +.button{ + display:flex; + flex-direction: column; + width:20%; + margin-top:1%; +} + +button{ + font-size: 1.9rem; +} + +button :hover{ + color:red; +} + +/* Footer Styles */ + +.footer-menu{ + display:flex; + justify-content: space-evenly; + background-color: aquamarine; + margin-top:2%; + max-width:100%; +} + +.footer-menu a{ + margin-left:2%; + margin-top:1%; + margin-bottom:1%; + text-decoration: none; + margin-right:2%; + color:black; + font-size: 1.2rem; +} + +.footer-menu a:hover{ + color:red; +} + + +/* Media Query Styles */ + +@media (max-width:500px){ + .header-menu{ + flex-direction: column; + align-items: center; + } + .header-menu a{ + font-size: 1.5rem; + margin-top: 3%; + } + header{ + align-items: center; + } + .main-text p{ + width:100%; + text-align: center; + } + .main-text h1{ + width:70%; + text-align: center; + } + img{ + width:80%; + margin-bottom: 2%; + margin-top: 2%; + } + .button{ + width:100%; + margin-right: 5%; + border:1px dashed; + } + .footer-menu{ + flex-direction: column; + align-items: center; + width:100%; + } + .footer-menu a{ + font-size: 1.5rem; + margin-top: 3%; + + + } +} \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..72acf78 --- /dev/null +++ b/about.html @@ -0,0 +1,55 @@ + + + + + + + + + + +
+

Professor Pro App

+
+ + +
+

Meet The Team!

+

We wanted to help students and professors alike, by creating an app that helps professors keep better track of students and their course work. We belive that this app will revolutionize the way students and faculty interact with each other throughout the year.

+
+ +
+ +
Hi!, I'm Collin Ballou
+

From the Mid-West, I am in Lambda School Web32 Track and I love rollerblading and programming!

+ +
Hi!, I'm Robert Gondala
+

From the East Coast, I am in Lambda School Web31 and I love coding!

+ +
Hi!, I'm Wei Peluso
+

From the East Coast, I am in Lambda School Web31 and I love to going to Kpop concerts!

+ +
Hi!, I'm Hunter Oppel
+

From the East Coast, I am in Lambda School Web31 and I love to going to Kpop concerts!

+
+
+ +
Hi!, I'm Stephanie Ballard
+

From the East Coast, I am in Lambda School Web31 and I love to going to Kpop concerts!

+ +
Hi!, I'm Bharat Kumar
+

From the East Coast, I am in Lambda School Web31 and I love to going to Kpop concerts!

+ +
Hi!, I'm Harmony Radley
+

From the East Coast, I am in Lambda School Web31 and I love to going to Kpop concerts!

+ +
Hi!, I'm Kayode Richards
+

From the East Coast, I am in Lambda School for FullStack Web Development and I love video games and martial arts!

+ +
+ \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..77d5ac4 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + + + + +
+

Professor Pro

+

Student Management App

+
+ + +
+

Never Miss Another Deadline Again!

+ +

Professor Pro is an easy-to-use deadline management app that allows you to set a custom reminder for yourself and your students.

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