- Our Mission -
+
+ Here's where I would write some stuff about something. I made it my task to try to replicate this webpage's design
+ Here's the Website
+
+
diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..ee8f99b --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,215 @@ + +.site-title { + /*background-image: url("background.jpg");*/ + margin: -8px; + + height: 50px; + background-color: white; + font-weight:bolder; + padding-left: 890px; + padding-top:10px; + color: black; + white-space:nowrap; + +} + +.navbar{ +} + +.navlist{ + position:relative; + list-style-type:none; + padding: 0px; + padding-left:20px; + height:40px; + min-width:550px; + width:100%; + margin:8px; + margin-left:-8px; + width:end; + background-color: white; + white-space:nowrap; + padding-top:10px; + box-shadow: 0px 3px 0px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , 0px 0px 0px rgba(0,0,0,.05); + + +} + +.navlink a{ + color:black; +} +.navlink:hover a{ + color: #109EF2; +} +.navlink { + display:inline; + padding: 10px; + font-size:21px; + +} + +.active{ + border-bottom:3px solid #109EF2; +} + +header{ + color:black; +} +body a{ + font-family:Roboto; + text-decoration:none; +} + +.twit-container{ + + font-family:Roboto; + background-color: #F5F7FA; + display:flex; + flex-flow: row wrap; + width:71vw; + + padding-left:22%; + + padding-top:25%; + padding-bottom:10%; + +} +.person-photo img:first-child{ + padding-top:10px; + height:30%; + width:30%; + display: block; + margin-left: auto; + margin-right: auto; + border-radius:50%; + +} +/*img{ + display: block; + margin-left: auto; + margin-right: auto; + border-radius:50%; +}*/ +.twit{ + position:relative; + flex-grow:1; + flex-shrink:1; + flex-basis:100%; + max-width:250px; + width:250px; + margin-top:230px; + margin-bottom:-230px; + + min-height:350px; + background-color:white; + +} + + +.toplevel{ + z-index:2; + position:absolute; + margin-top:-470px; + height:61%; + + width:52.6%;; + background-color:white; + box-shadow: 2px 2px 3px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05); + +} + +.leadership{ + z-index:0; + position:absolute; + margin-top:100px; + height:430px; + width:52.6%;; + background-color:white; + box-shadow: 2px -2px 3px rgba(0,0,0,.13) , 1px 3px 5px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05); +} +.Headership{ + font-size:45px; + color:#546076; + font-weight:100; + font-family: Roboto; + padding-top:0px; + margin-left: auto; + margin-right: auto; + text-align:center; +} + +.Mission{ + font-size:40px; + font-weight:100; + color:#546076; + padding-top:16px; + margin-left: auto; + margin-right: auto; + text-align:center; +} + +.Person-Name{ + font-size:20px; + font-weight:600; + color:#546076; + padding-top:16px; + margin-left: auto; + margin-right: auto; + text-align:center; +} +.twit-text { + position:center; + display: block; + margin: auto; + width:50%; + width:200px; + font:Roboto; + font-style:italic; + font-weight:400; + text-align:center; + padding-top:1%; + color:#5F6076; +} + +.mission-text { + position:center; + display: block; + margin: auto; + width:50%; + width:800px; + font:Roboto; + font-weight:400; + text-align:center; + padding-top:1%; + color:#5F6076; +} + +.twit-attribution:hover a{ + color:#109EF2; + cursor:pointer; +} +.twit-attribution a{ + + color: #363437; + height:20%; + font-weight:bolder; + display: block; + margin-left: auto; + margin-right: auto; + margin-top:auto; + margin-bottom:auto; + height:50%; + width:50%; + +} +.twit-icon{ + padding-top:20px; + font-size:25px; + position:absolute; + padding-left:20px; +} + +body{ + background-color: #F5F7FA;; + +} diff --git a/public/images/5.png b/public/images/5.png new file mode 100644 index 0000000..55b3f3f Binary files /dev/null and b/public/images/5.png differ diff --git a/public/images/daa.jpg b/public/images/daa.jpg new file mode 100644 index 0000000..5b60c03 Binary files /dev/null and b/public/images/daa.jpg differ diff --git a/public/images/download.jpg b/public/images/download.jpg new file mode 100644 index 0000000..136d207 Binary files /dev/null and b/public/images/download.jpg differ diff --git a/public/images/person2.jpg b/public/images/person2.jpg new file mode 100644 index 0000000..b6b3f8a Binary files /dev/null and b/public/images/person2.jpg differ diff --git a/src/Go/views/about.html b/src/Go/views/about.html new file mode 100644 index 0000000..60fdf1e --- /dev/null +++ b/src/Go/views/about.html @@ -0,0 +1,119 @@ + + +
+ + +
+ Here's where I would write some stuff about something. I made it my task to try to replicate this webpage's design
+ Here's the Website
+
+
+ We don't need a weakened government but a strong government that would take responsibility for the rights of the individual and care for the society as a whole. +
+ ++ Education is a weapon whose effects depend on who holds it in his hands and at whom it is aimed. +
+ ++ To be fair, you have to have a very high IQ to understand Rick and Morty. The humour is extremely subtle, and without a solid grasp of theoretical physics most of the jokes will go over a typical viewer's head. +
+ ++ Unfortunately these two properties are only implemented in Firefox and are behind a -moz- prefix. Here’s how you can use the various +
+ +