- Status
- Privacy
- Terms
@@ -151,22 +158,24 @@ Welcome to your new digital HQ
-
- -
-
-
- -
-
-
- -
-
-
- -
-
-
-
-
+
+
© 2022 Slack Technologies, LLC, a Salesforce company. All rights reserved. Various trademarks held by
their respective owners.
diff --git a/starter_code/stylesheets/style.css b/starter_code/stylesheets/style.css
index 59f4a7798..720286380 100644
--- a/starter_code/stylesheets/style.css
+++ b/starter_code/stylesheets/style.css
@@ -8,3 +8,222 @@ paragraph yellow: #ECB12F
links blue: #2E71A6
footer links grey: #454245
*/
+
+@media screen and (min-width: 768px){
+ body{
+ background-color: #540B51;
+ margin: 0;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+
+ /* NAVBAR */
+ .navbar {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ width: 36%;
+ margin: 20px;
+ }
+
+ .logo-slack{
+ width: 130px;
+ }
+ .btn-icon{
+ background: transparent;
+ border: none !important;
+ }
+
+ .menu{
+ display: block;
+ }
+ .menu li{
+ display: none;
+ }
+
+ /* HEADER */
+ header{
+ display: flex;
+ flex-direction: column;
+ width: 40%;
+ /* align-items: center; */
+ }
+
+ .header-title{
+ color: white;
+ text-align: center;
+
+ }
+ header p {
+ text-align: center;
+ }
+ .yellow-highlight{
+ color: #ECB12F;
+ }
+ .login{
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ margin-bottom: 20px;
+ }
+ .sign-up-email{
+ background-color: white;
+ text-transform: uppercase;
+ border: none;
+ padding: 15px 90px;
+ margin-bottom: 10px;
+ border-radius: 4px;
+ }
+ .sign-up-google{
+ background-color: #4285F4;
+ text-transform: uppercase;
+ border: none;
+ padding: 10px 65px;
+ border-radius: 4px;
+ }
+ .sign-up-google img {
+ width: 20px;
+ padding: 5px;
+ border-radius: 2px;
+ background-color: white;
+ }
+
+ #big-image {
+ width: 90%;
+ }
+
+ /* main section */
+
+ main{
+ background-color: white;
+ width: 40%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ /* align-items: center; */
+ }
+
+ .logos-section{
+ background-color: #F3EAE2;
+ padding: 20px;
+ }
+
+ .logos-section p {
+ text-transform: uppercase;
+ font-weight: 500;
+ font-size: 14px;
+ text-align: center;
+ }
+
+ .logos img{
+ height: 35px;
+ padding: 5px;
+ }
+
+ /* section team */
+ .team{
+ flex-direction: column;
+ padding: 20px;
+ text-align: center;
+
+ }
+ .team h3{
+ color: #540B51;
+ font-size: 25px;
+ }
+ .purple-text{
+ color: #540B51;
+ font-size: 50px;
+ font-weight: bolder;
+ }
+
+ .team ul li {
+ list-style-type: none;
+ font-weight: bolder;
+ }
+
+ /* section welcome */
+ .welcome{
+ background-color: #540B51;
+ color: white;
+ text-align: center;
+ padding: 40px;
+ }
+
+ .welcome h3{
+ font-size: 30px;
+ }
+
+ .btn-try-for-free{
+ background-color: white;
+ color: #540B51;
+ text-transform: uppercase;
+ font-weight: bold;
+ border: none;
+ padding: 15px 90px;
+ margin-bottom: 10px;
+ border-radius: 4px;
+ }
+
+ .btn-talk-to-sales{
+ background-color: #540B51;
+ color: white;
+ text-transform: uppercase;
+ font-weight: bold;
+ border: 1px solid white;
+ padding: 15px 86px;
+ margin-bottom: 10px;
+ border-radius: 4px;
+ }
+
+
+ footer{
+ background-color: white;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .line-break{
+ border-bottom: 2px solid #b9b2b9;
+ margin: 20px;
+ text-align: center;
+ width: 35%;
+ }
+
+
+ .company-faq{
+ list-style-type: none;
+ font-size: 15px;
+ font-weight: bold;
+ line-height: 2.5;
+
+ }
+ .social-media {
+ width: 35%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ list-style: none;
+ padding: 10px;
+ margin: auto 10px;
+ }
+
+ .social-media ul li{
+ list-style-type: none;
+ }
+
+ .credentials{
+ width: 35%;
+ font-size: 10px;
+ color: #454245;
+ margin: 30px 20px;
+ text-align: center;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1440px){
+ body{
+ background-color: #540B51;
+ font-family: Arial, Helvetica, sans-serif;
+ }
+}
\ No newline at end of file