diff --git a/README.md b/README.md index 1e25a23..6714dd4 100644 --- a/README.md +++ b/README.md @@ -13,5 +13,7 @@ All pull requests should be sent to the staging branch for review. Please make sure to update tests as appropriate. +## [Website link](http://musdev.org/) + ## License [MIT](https://choosealicense.com/licenses/mit/) diff --git a/about.html b/about.html index 778acb4..0fc471a 100644 --- a/about.html +++ b/about.html @@ -4,45 +4,45 @@ - Home + About +
- +
@@ -52,43 +52,31 @@
-
-
- A place for muslim programmers -
-
- Muslim Developers Community is an international community of developers and programmers from the Islamic faith founded in YYYY to serve as a haven of - togetherness and belonging for muslims to network, connect, collaborate and find opportunities amongst their brethren. The community is current at N+ Members. -
+
+

A place for muslim programmers

-
- image -
-


+
+

+ Muslim Developers Community is an international community of developers and programmers from the Islamic faith + founded in YYYY to serve as a haven of + togetherness and belonging for muslims to network, connect, collaborate and find opportunities amongst their + brethren. The community is current at N+ Members. +

+
+
- -
-
+
+ image
-
-

Our Sponsors

+
+

Stay notified about upcoming meetups

-
-
-
- image -
-
- image -
-
- image -
-
- image -
+
+ +
+
@@ -106,10 +94,9 @@
Stay in touch
- - - - + + +
@@ -117,11 +104,11 @@
@@ -132,4 +119,4 @@ - \ No newline at end of file + diff --git a/contact.html b/contact.html index 9b590a1..b1df7bb 100644 --- a/contact.html +++ b/contact.html @@ -16,29 +16,28 @@
diff --git a/css/custom.css b/css/custom.css index 1a40e07..682d729 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1,7 +1,3 @@ -/* overriding the bg-light style */ -.bg-light { - background-color: #ffffff !important; -} /* custom css for header file */ #support-btn{ border-radius: 20px; @@ -19,14 +15,12 @@ background-color: #3C7B5C; color: white; } - /* media queries for screen sizes */ @media only screen and (max-width: 768px) { .navbar-light .navbar-nav .list-item:hover{ width: 20%; padding: 10px; } - #support-btn{ margin-top: 10px; } @@ -53,22 +47,263 @@ @media only screen and (min-width:1141px) { ul.navbar-nav li{ padding: 5px; - margin-left: 10px; + margin-left: 40px; } } + /* header css ends here */ +/* main body index page styling here */ +.bgImage{ + position: relative; + top: 0px; + z-index: 1; +} + +#bgImgPlain{ + position: absolute; + top: 0px; + width: 100%; + height: 580px; + z-index: 2; +} + +.landing-section{ + position: relative; + top: 0px; + z-index: 3; +} + +#imgIllustration-div{ + margin-top: 55px; +} + +#imgCode{ + width: 100%; + height: auto; +} + +.bg-text{ + padding-top: 150px; + padding-left: 40px; + color: #ffffff; + font-weight: 600; + font-size: 25px; +} + +#codingText{ + font-size: 55px; +} + +#butn{ + border-radius: 20px; + width: 250px; + font-size: 20px; + font-weight: bold; + color: #3C7B5C; +} + +.indexpage-content{ + text-align: center; +} + +.otherImg{ + padding-top: 30px; + /* border: 1px solid red; */ +} + +.otherImg p{ + padding-top: 10px; +} + +.three-icons a{ + font-size: 25px; + font-weight: bold; + color: #3C7B5C; +} + +p.three-icons-text a{ + color: #3C7B5C; +} + +.three-icons a:hover, .three-icons-text a:hover{ + text-decoration: none; + +} + +#horizontal{ + border: 2px solid #3C7B5C; +} + +#sponsors{ + font-size: 50px; + font-weight: bold; + text-align: center; + color: #3c7b5c; +} + +.sponsors-logos{ + width: 70%; + padding-bottom: 25px; +} + +/* media queries */ +@media only screen and (max-width:575px) { + .landing-section{ + display: flex; + flex-direction: column-reverse; + text-align: center; + } + + .bg-text{ + font-size: 15px; + margin-top: -200px; + padding-right: 50px; + } + + #codingText{ + font-size: 25px; + } + + #imgIllustration-div{ + /* border: 1px solid red; */ + top: -50px + } + #imgCode{ + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; + } + + .indexpage-content{ + padding-top: 200px; + font-size: 14px; + } + + .indexpage-icons{ + width: 70%; + margin: auto; + } + + #sponsors{ + font-size: 30px; + } + + .sponsors-logos{ + width: 30%; + } +} + +@media only screen and (min-width:576px) and (max-width:767px) { + .landing-section{ + display: flex; + flex-direction: column-reverse; + text-align: center; + } + + .bg-text{ + font-size: 15px; + margin-top: -200px; + padding-right: 50px; + } + + #codingText{ + font-size: 25px; + } + + #imgIllustration-div{ + /* border: 1px solid red; */ + top: -50px + } + #imgCode{ + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; + } + + .indexpage-content{ + padding-top: 90px; + font-size: 17px; + } + + .indexpage-icons{ + width: 70%; + margin: auto; + } + + + #sponsors{ + font-size: 30px; + } + + .sponsors-logos{ + width: 50%; + } +} + +@media only screen and (min-width:768px) and (max-width:991px) { + .landing-section{ + display: flex; + flex-direction: column-reverse; + text-align: center; + } + + .bg-text{ + font-size: 20px; + margin-top: -230px; + width: 70%; + margin-left: auto; + margin-right: auto; + } + + #codingText{ + font-size: 50px; + } + + #imgIllustration-div{ + /* border: 1px solid red; */ + top: -50px + } + #imgCode{ + display: block; + margin-left: auto; + margin-right: auto; + width: 40%; + } + + .indexpage-content{ + padding-top: 50px; + font-size: 17px; + } + + .indexpage-icons{ + width: 70%; + margin: auto; + } + + #sponsors{ + font-size: 30px; + } + .sponsors-logos{ + width: 50%; + } +} + +@media only screen and (min-width: 992px){ + .indexpage-content{ + /* padding-top: 100px; */ + font-size: 17px; + } +} /* footer css starts */ #footer{ background-color: #3C7B5C; color: white; text-align: center; padding: 50px; - /* margin-top: 50px; */ -} - -#footer #img-foot { - text-align: left; + margin-top: 50px; } div.icons a { @@ -77,6 +312,10 @@ div.icons a { padding: 5px; } +div.icons a:hover { + text-decoration: none; +} + div#in-touch{ font-size: 1.7em; font-weight: bold; @@ -111,17 +350,32 @@ ul.footer-list a:hover{ height: auto; } /*footer content media queries for screen sizes */ -@media only screen and (max-width:645px){ +@media only screen and (max-width:575px){ div.links{ display: none; } } +@media only screen and (min-width:576px) and (max-width:767px) { + ul.footer-list { + display: flex; + /* border: 1px solid red; */ + margin: 25px 0px; + width: 500px; + } + + ul.footer-list li{ + padding-left: 15px; + } + + ul.footer-list a{ + text-decoration: underline; + } +} /* meetups.html styling here */ .carousel-inner{ height: 100%; } - .carousel-inner img{ width: 100%; height: 100%; diff --git a/css/custom_2.css b/css/custom_2.css index 6c9a8ca..204b3fa 100644 --- a/css/custom_2.css +++ b/css/custom_2.css @@ -1,3 +1,4 @@ + /* custom css for header file */ #support-btn{ border-radius: 20px; @@ -294,10 +295,6 @@ margin-top: 50px; } -#footer #img-foot { - text-align: left; -} - div.icons a { color: white; font-size: 25px; @@ -415,22 +412,24 @@ ul.footer-list a:hover{ .aboutpage-content { align-content: center; + /* margin: 20px; */ + padding-top: 55px; + /* padding-left: 30px; + padding-right: 30px; */ + /* width: 100%; */ margin: 20px; padding-top: 55px; - padding-left: 30px; - padding-right: 30px; - width: 100%; font-size: 20px; } .aboutpage-content>.about-section { - padding-left: 60px; - padding-bottom: 50px; + /* padding-left: 60px; + padding-bottom: 50px; */ } .aboutpage-content>.about-section>.abt-header { padding-bottom: 15px; - text-align: left; + /* text-align: left; */ justify-content: flex-start; font-family: sans-serif, serif, 'Times New Roman', Georgia, Times; font-weight: 700; @@ -439,7 +438,7 @@ ul.footer-list a:hover{ } .aboutpage-content>.about-section>.abt-cntnt { - text-align: left; + /* text-align: left; */ justify-content: flex-start; font-family: sans-serif, serif, 'Times New Roman', Georgia, Times; font-weight: normal; @@ -447,6 +446,19 @@ ul.footer-list a:hover{ color: #616161; } +div>.meetup-img { + max-width: 100%; + height: auto; + /* margin: auto; */ +} + .aboutpage-content>div>.meetup-img { width: 100%; -} \ No newline at end of file +} + +#abtnotice { + font-size: 30px; + font-weight: bold; + text-align: center; + color: #3c7b5c; +} diff --git a/css/joinUs.css b/css/joinUs.css new file mode 100644 index 0000000..5b7dfec --- /dev/null +++ b/css/joinUs.css @@ -0,0 +1,172 @@ +.landingPage { + margin :0px; + position: absolute; + top:0px; + width: 100%; + color: white; +} +.bg-txt { + padding :4rem 5%; + padding-right: 2px; +} +.bgImage { + margin-bottom: -2px; + +} +.form { + padding :4rem 5%; + padding-left: 2px; + +} +#codingText { + font-family: "adobe-clean", sans-serif; + font-size: 50px; + font-weight: bold; + font-stretch: normal; + font-style: normal; + line-height: 1.37; + letter-spacing: normal; + text-align: left; + color: #ffffff; +} +input#name.form-control, input#email.form-control, input#password.form-control { + width: 100%; + margin-bottom: 20px; + border: 2px solid #8dc43f; + border-radius: 25px; +} +.signup { + margin-bottom: 1rem; +} +#Sbutton { + width: 25%; + height: 40px; + border-radius: 25px; + box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16); + background-color: #8dc43f; + font-family: "adobe-clean", sans-serif; + font-size: 20px; + font-weight: bold; + font-style: normal; + line-height: 1.36; + letter-spacing: normal; + text-align: center; + color: #ffffff; + border-color: #8dc43f; + margin-bottom: 1rem; +} +p.form-text { + font-size: 17px; +} +.login { + color: white; + text-decoration: underline; +} +.login:hover { + color: white; +} +.form-group { + display: flex; + flex-direction: column; + align-items: center; +} +.mediaOne { + height: 80px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + margin-bottom: 20px; +} +.mediaOne > h5 { + font-size: 25px; + margin: 0px; +} +.media-new { + width: 150px; + display: flex; + align-items: center; + justify-content: space-around; +} +#footer { + margin-top: 0px; + margin-bottom: 0px; +} + +/*media queries*/ + +@media only screen and (max-width: 570px) { + #codingText { + font-size: 30px; + text-align: center; + } + footer { + margin:50px; + } + .landingPage, .myimg { + height: 37rem; + } + .bg-txt { + padding-top: 2rem; + padding-bottom: 0px; + padding-right: 1rem; + } + .form { + padding: 0px; + } + #Sbutton { + width: 28%; + font-size: 15px; + padding-top: 10px; + } +} + +@media only screen and (min-width:571px) and (max-width: 767px) { + #codingText { + font-size: 35px; + text-align: center; + } + footer { + margin:50px; + } + .landingPage, .myimg { + height: 35rem; + } + .bg-txt { + padding-top: 2rem; + padding-bottom: 0px; + padding-right: 1rem; + } + .form { + padding: 0px; + } + #Sbutton { + width: 28%; + font-size: 15px; + padding-top: 10px; + } +} +@media only screen and (min-width:768px) and (max-width: 991px) { + #codingText { + font-size: 45px; + text-align: center; + } + footer { + margin:50px; + } + .landingPage, .myimg { + height: 40rem; + } + .bg-txt { + padding-top: 2.5rem; + padding-bottom: 0px; + padding-right: 1rem; + } + .form { + padding: 0px; + } + #Sbutton { + width: 28%; + padding-top: 10px; + } +} \ No newline at end of file diff --git a/css/login.css b/css/login.css index 93cd9a5..96fbbff 100644 --- a/css/login.css +++ b/css/login.css @@ -1,145 +1,176 @@ -.btn-primary { - background-color: #8dc43f; - border-color: #8dc43f; - -} - -.main { +.landingPage { + margin :0px; + position: absolute; + top:0px; width: 100%; + color: white; +} +.bg-txt { + padding :4rem 5%; + padding-right: 2px; +} +.bgImage { + margin-bottom: -2px; + +} +.form { + padding :4rem 5%; + padding-left: 2px; + +} +#codingText { + font-family: "adobe-clean", sans-serif; + font-size: 50px; + font-weight: bold; + font-stretch: normal; + font-style: normal; + line-height: 1.37; + letter-spacing: normal; + text-align: left; height: auto; background: url(../images/bg2.png) center no-repeat; background-size: cover; padding: 100px 50px 150px 50px; color: #ffffff; - font-family: 'Open Sans', sans-serif; } - -.main .header-text { - font-weight: 800; - font-size: 55px; +input#name.form-control, input#email.form-control, input#password.form-control { + width: 100%; + margin-bottom: 20px; + border: 2px solid #8dc43f; + border-radius: 25px; } - -.main .form-headerText { - width: 360px; - margin-bottom: 10px; +.signup { + margin-bottom: 1rem; +} +#Sbutton { + width: 25%; + height: 40px; + border-radius: 25px; + box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.16); + background-color: #8dc43f; + font-family: "adobe-clean", sans-serif; + font-size: 20px; + font-weight: bold; + font-style: normal; + line-height: 1.36; + letter-spacing: normal; text-align: center; + color: #ffffff; + border-color: #8dc43f; + margin-bottom: 1rem; } - -.main .login-form .social-text { - font-weight: 700; - font-size: 30px; +p.form-text { + font-size: 17px; } - -.main .login-form .socials { - margin-top: 20px; +.login { + color: white; + text-decoration: underline; } - -.main .login-form .socials img { - width: 30px; - margin-left: 10px; - margin-right: 10px; +.login:hover { + color: white; } - -.main .login-form .socials .linkedIn { - margin-left: 10px; - margin-right: 10px; +.form-group { + display: flex; + flex-direction: column; + align-items: center; } - -.main .login-form .sign-in-with-email { - margin-top: 40px; - font-size: 20px; +.mediaOne { + height: 80px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + margin-bottom: 20px; } - - -.main .login-form .form-group { - margin-top: 20px; +.mediaOne > h5 { + font-size: 25px; + margin: 0px; } - -.main .login-form .form-group .form-control { - width: 360px; - height: 50px; - border-radius: 25px; - border: solid 2px #8dc43f; - background-color: #ffffff; +.media-new { + width: 150px; + display: flex; + align-items: center; + justify-content: space-around; } - -.main .login-form .form-group .errorMessage { - display: none; - background-color: #ff3b3b; - width: 180px; - padding: 4px 20px; - border-radius: 25px; - position: relative; - right: 0; - top: 4px; - box-sizing: border-box; +#footer { + margin-top: 0px; + margin-bottom: 0px; } -/* .main .form-group .errorMessage::before{ - content: '\f0d9'; - font-size: 2em; - color: #ff3b3b; - display: inline-block; - font-weight: 900; - font-family: 'Font Awesome 5 Free'; - position: absolute; - left: -5px; - bottom: 0px; -} */ +/*media queries*/ -.main .login-form .form-group .errorMessage p { - margin-bottom: 0; -} - -.main .login-form .button { - width: 360px; - height: 50px; - border-radius: 25px; - margin-top: 30px; -} - -@media screen and (min-width: 768px) and (max-width:890px) { - .main { - padding: 50px 30px 50px 30px; +@media only screen and (max-width: 570px) { + #codingText { + font-size: 30px; + text-align: center; } - - .main .form-headerText, .main .login-form .form-group, .main .login-form .form-group .form-control, .main .login-form .button { - width: 100% !important; + footer { + margin:50px; + } + .landingPage, .myimg { + height: 37rem; + } + .bg-txt { + padding-top: 2rem; + padding-bottom: 0px; + padding-right: 1rem; + } + .form { + padding: 0px; + } + #Sbutton { + width: 28%; + font-size: 15px; + padding-top: 10px; } } -@media screen and (max-width: 576px) { - .main { - padding: 50px 30px 50px 30px; +@media only screen and (min-width:571px) and (max-width: 767px) { + #codingText { + font-size: 35px; + text-align: center; } - - .main .header-text { - font-size: 40px; + footer { + margin:50px; } - - .main .login-form .social-text { - margin-top: 20px; + .landingPage, .myimg { + height: 35rem; } - - .main .form-headerText { - width: 100%; + .bg-txt { + padding-top: 2rem; + padding-bottom: 0px; + padding-right: 1rem; } - - .main .login-form .form-group .form-control { - width: 100%; + .form { + padding: 0px; } - - .main .login-form .button { - width: 100%; + #Sbutton { + width: 28%; + font-size: 15px; + padding-top: 10px; } } - -@media screen and (max-width: 360px) { - .main { - padding: 50px 10px 50px 10px; +@media only screen and (min-width:768px) and (max-width: 991px) { + #codingText { + font-size: 45px; + text-align: center; } - - .main .header-text { - font-size: 36px; + footer { + margin:50px; } -} + .landingPage, .myimg { + height: 40rem; + } + .bg-txt { + padding-top: 2.5rem; + padding-bottom: 0px; + padding-right: 1rem; + } + .form { + padding: 0px; + } + #Sbutton { + width: 28%; + padding-top: 10px; + } +} \ No newline at end of file diff --git a/footer.html b/footer.html index 1437644..04bc75a 100644 --- a/footer.html +++ b/footer.html @@ -16,12 +16,12 @@ -
+
Stay in touch
- - + +
@@ -29,7 +29,7 @@
-
+