diff --git a/digitalglarus/static/digitalglarus/css/agency.css b/digitalglarus/static/digitalglarus/css/agency.css index 67154295..5832c46b 100755 --- a/digitalglarus/static/digitalglarus/css/agency.css +++ b/digitalglarus/static/digitalglarus/css/agency.css @@ -118,7 +118,7 @@ h6 { border-color: #88c7d7; text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 700; + font-weight: 400; color: #fff; background-color: #88c7d7; letter-spacing: 1px; @@ -131,7 +131,7 @@ h6 { .btn-primary.active, .open .dropdown-toggle.btn-primary { text-transform: uppercase; - font-weight: 700; + font-weight: 400; border-color: #ba1924; color: #fff; background-color: #ba1924; @@ -241,8 +241,6 @@ fieldset[disabled] .btn-xl.active { .navbar-default .navbar-collapse { border-color: rgba(255,255,255,.02); - padding-right: 100px; - text-align: right; } .navbar-default .navbar-toggle { @@ -261,7 +259,7 @@ fieldset[disabled] .btn-xl.active { .navbar-default .nav li a { text-transform: uppercase; - font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; letter-spacing: 1px; color: #fff; @@ -1076,7 +1074,7 @@ h6 intro-smallcap { .carousel-text { text-transform : none; - font-family:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-famil:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size : 20px; font-weight : 100; lign-heignt: 2px; @@ -1172,11 +1170,11 @@ footer { } .map-caption{ - text-transform:uppercase; - font-size: 13px; + text-transform: none; font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; font-weight: 400; color: #ffffff; + font-size: 14px; letter-spacing: 1px; text-align:center; } @@ -1201,4 +1199,33 @@ hr { .navbar-right { float: right!important; margin-right: -100px; -} \ No newline at end of file +} + +.help-box { + padding: 2em; + padding-top: 2em; + padding-bottom: 0.1em; + margin-bottom: 0px; +} + +.help-box-group { + padding-top: 2em; + padding-bottom: 2.5em; +} + +.submit-box { + padding-top: 1.5em; + padding-bottom: 2em; +} + +.help-wrap { + padding-bottom: 2em; + padding-left: 4em; + padding-right: 4em; + padding-top: 2em; +} + +.donate { + font-weight: 600; + font-size: 24px; +} diff --git a/digitalglarus/static/digitalglarus/css/agency1.css b/digitalglarus/static/digitalglarus/css/agency1.css new file mode 100755 index 00000000..67154295 --- /dev/null +++ b/digitalglarus/static/digitalglarus/css/agency1.css @@ -0,0 +1,1204 @@ +/*! + * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com) + * Code licensed under the Apache License v2.0. + * For details, see http://www.apache.org/licenses/LICENSE-2.0. + */ + +body { + overflow-x: hidden; + font-family: "Raleway" , "Helvetica Neue",Helvetica,Arial,sans-serif; +} + +.text-muted { + color: #494949; + font-family: 'Raleway' , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +.text-primary { + color: #a1cfd7; +} + +p { + font-size: 14px; + line-height: 1.75; + color: #494949; + font-family: "Raleway" , "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +p.large { + font-size: 16px; +} + +a, +a:hover, +a:focus, +a:active, +a.active { + outline: 0; +} + +a { + color: #a1cfd7; +} + +a:hover, +a:focus, +a:active, +a.active { + color: #fff; + font-style: normal; + text-transform: none; +} + +aside { + padding: 50px 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + text-transform: uppercase; + font-family:'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + color: #494949; + font-size: 18px; +} + +.portfolio-caption-white { + text-transform: uppercase; + font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; + font-weight: 400; + color: #ffffff; + font-size: 18px; + letter-spacing: 1px; + width: 100%; + text-align: center; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.aside-caption-white { + text-transform: none; + font-family:"Raleway", "Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; + font-weight: 200; + color: #ffffff; + font-size: 26px; + letter-spacing: 1px; +} + +.img-centered { + margin: 0 auto; +} + +.bg-light-gray { + background-color: #f7f7f7; +} + +.bg-dark { + background-color: #0f1221; + background-image: url(../img/bg-glarus.png); + background-position: center center; + background-repeat: none; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; + color: white; +} + +.bg-darkest-gray { + background-color: #222; +} + +.btn-primary { + border-color: #88c7d7; + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 700; + color: #fff; + background-color: #88c7d7; + letter-spacing: 1px; + padding-right: 10px; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + text-transform: uppercase; + font-weight: 700; + border-color: #ba1924; + color: #fff; + background-color: #ba1924; +} + +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} + +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + border-color: #a1cfd7; + background-color: #a1cfd7; +} + +.btn-primary .badge { + color: #a1cfd7; + background-color: #fff; +} + +.btn-xl { + padding: 20px 40px; + border-color: #a1cfd7; + border-radius: 3px; + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 18px; + font-weight: 700; + color: #fff; + background-color: #a1cfd7; +} + +.btn-xl:hover, +.btn-xl:focus, +.btn-xl:active, +.btn-xl.active, +.open .dropdown-toggle.btn-xl { + border-color: #f6bf01; + color: #fff; + background-color: #fec503; +} + +.btn-xl:active, +.btn-xl.active, +.open .dropdown-toggle.btn-xl { + background-image: none; +} + +.btn-xl.disabled, +.btn-xl[disabled], +fieldset[disabled] .btn-xl, +.btn-xl.disabled:hover, +.btn-xl[disabled]:hover, +fieldset[disabled] .btn-xl:hover, +.btn-xl.disabled:focus, +.btn-xl[disabled]:focus, +fieldset[disabled] .btn-xl:focus, +.btn-xl.disabled:active, +.btn-xl[disabled]:active, +fieldset[disabled] .btn-xl:active, +.btn-xl.disabled.active, +.btn-xl[disabled].active, +fieldset[disabled] .btn-xl.active { + border-color: #a1cfd7; + background-color: #a1cfd7; +} + +.btn-xl .badge { + color: #fed136; + background-color: #fff; +} + +.navbar-default { + border-color: transparent; + background-color: #0f1221; + padding-top: 3px; + padding-bottom: 3px; +} + +.navbar-default .navbar-brand { + font-family: "Helvetica Neue", Helvetica, Arial, cursive; + color: #a1cfd7; + padding-top: 10px; +} + +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus, +.navbar-default .navbar-brand:active, +.navbar-default .navbar-brand.active { + color: #fec503; +} + +.navbar-default .navbar-collapse { + border-color: rgba(255,255,255,.02); + padding-right: 100px; + text-align: right; +} + +.navbar-default .navbar-toggle { + border-color: #a1cfd7; + background-color: #a1cfd7; +} + +.navbar-default .navbar-toggle .icon-bar { + background-color: #fff; +} + +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #a1cfd7; +} + +.navbar-default .nav li a { + text-transform: uppercase; + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + letter-spacing: 1px; + color: #fff; +} + +.navbar-default .nav li a:hover, +.navbar-default .nav li a:focus { + outline: 0; + color: #a1cfd7; +} + +.navbar-default .navbar-nav>.active>a { + border-radius: 0; + color: #fff; + background-color: transparent; +} + +.navbar-default .navbar-nav>.active>a:hover, +.navbar-default .navbar-nav>.active>a:focus { + color: #fff; + background-color: transparent; +} + +@media(min-width:768px) { + .navbar-default { + padding: 5px 0; + border: 0; + background-color: transparent; + -webkit-transition: padding .3s; + -moz-transition: padding .3s; + transition: padding .3s; + } + + .navbar-default .navbar-brand { + font-size: 2em; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; + } + + .navbar-default .navbar-nav>.active>a { + border-radius: 3px; + } + + .navbar-default.navbar-shrink { + padding: 10px 0; + background-color: #0f1221; + } + + .navbar-default.navbar-shrink .navbar-brand { + font-size: 1.5em; + } +} + +header { + text-align: center; + color: #fff; + background-attachment: scroll; + background-image: url(../img/header_bg_2.png); + background-position: center center; + background-repeat: none; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} + + +header .intro-text { + padding-top: 100px; + padding-bottom: 50px; +} + +header .intro-text .intro-lead-in { + margin-bottom: 25px; + font-family: 'Raleway', "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 22px; + font-style: italic; + line-height: 22px; +} + +header .intro-text .intro-heading { + margin-bottom: 25px; + text-transform: uppercase; + font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 50px; + font-weight: 700; + line-height: 50px; +} + +@media(min-width:768px) { + header .intro-text { + padding-top: 200px; + padding-bottom: 200px; + } + + header .intro-text .intro-lead-in { + margin-bottom: 25px; + font-family: "Open Sans Extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 40px; + line-height: 40px; + font-style: normal; + } + + header .intro-text .intro-heading { + margin-bottom: 50px; + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 75px; + font-weight: 700; + line-height: 75px; + } +} +/* +section { + padding: 100px 0; +} +*/ +section h2.section-heading { + margin-top: 0; + margin-bottom: 15px; + font-size: 36px; + color: #494949; +} + +section h3.section-subheading { + margin-bottom: 50px; + text-transform: none; + font-family: 'Raleway', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; + font-size: 18px; + font-weight: 400; + color: #494949; + line-height: normal; +} +/* +@media(min-width:768px) { + section { + padding: 50px 0; + } +} +*/ +.service-heading { + margin: 15px 0; + text-transform: none; + font-family: 'Raleway Semi-Bold 600', "Open Sans Extrabold", Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif; + color: #7f8c8c; +} + +.no-padding { + padding:0; +} + +.no-gutter > [class*='col-'] { + padding-top:0; + padding-bottom:0; + padding-right:0; + padding-left:0; +} + +section#portfolio { + background-color: #0f1221; +} + +#portfolio .portfolio-item { + right: 0; + margin: 0; + text-align: center; + display: block; + max-width: 650px; +} +#portfolio .portfolio-item:hover { + opacity: 1; +} + +#portfolio .portfolio-item .portfolio-link { + display: block; + position: relative; + margin: 0 auto; + max-width: 400px; +} + +#portfolio .portfolio-item .portfolio-link .portfolio-hover { + position: absolute; + width: 100%; + height: 100%; + opacity: 1; + background: rgba(254,209,54,.9); + -webkit-transition: all ease .5s; + -moz-transition: all ease .5s; + transition: all ease .5s; +} + +#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { + opacity: 1; +} + +#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { + position: absolute; + top: 50%; + width: 100%; + height: 20px; + margin-top: -12px; + text-align: center; + font-size: 20px; + color: #fff; +} + +#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { + margin-top: -12px; +} + +#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, +#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { + margin: 0; +} + +#portfolio .portfolio-item .portfolio-caption { + padding: 25px; + max-width: 400px; + text-align: center; + background-color: #fff; +} + +#portfolio .portfolio-item .portfolio-caption h4 { + margin: 0; + font-size: bold; + text-transform: none; + color: #494949; +} + +#portfolio .portfolio-item .portfolio-caption p { + margin: 0; + font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; +} + +#portfolio * { + z-index: 2; +} + +.inline-block { + display: inline-block +} + +@media(min-width:767px) { + #portfolio .portfolio-item { + margin: 0 + } +} + +.timeline { + position: relative; + padding: 0; + list-style: none; +} + +.timeline:before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 40px; + width: 2px; + margin-left: -1.5px; + background-color: #f1f1f1; +} + +.timeline>li { + position: relative; + margin-bottom: 50px; + min-height: 50px; +} + +.timeline>li:before, +.timeline>li:after { + content: " "; + display: table; +} + +.timeline>li:after { + clear: both; +} + +.timeline>li .timeline-panel { + float: right; + position: relative; + width: 100%; + padding: 0 20px 0 100px; + text-align: left; +} + +.timeline>li .timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; +} + +.timeline>li .timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; +} + +.timeline>li .timeline-image { + z-index: 100; + position: absolute; + left: 0; + width: 80px; + height: 80px; + margin-left: 0; + border: 7px solid #f1f1f1; + border-radius: 100%; + text-align: center; + color: #fff; + background-color: #a1cfd7; +} + +.timeline>li .timeline-image h4 { + margin-top: 12px; + font-size: 10px; + line-height: 14px; +} + +.timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 20px 0 100px; + text-align: left; +} + +.timeline>li.timeline-inverted>.timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; +} + +.timeline>li.timeline-inverted>.timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; +} + +.timeline>li:last-child { + margin-bottom: 0; +} + +.timeline .timeline-heading h4 { + margin-top: 0; + color: inherit; +} + +.timeline .timeline-heading h4.subheading { + text-transform: none; +} + +.timeline .timeline-body>p, +.timeline .timeline-body>ul { + margin-bottom: 0; +} + +@media(min-width:768px) { + .timeline:before { + left: 50%; + } + + .timeline>li { + margin-bottom: 100px; + min-height: 100px; + } + + .timeline>li .timeline-panel { + float: left; + width: 41%; + padding: 0 20px 20px 30px; + text-align: right; + } + + .timeline>li .timeline-image { + left: 50%; + width: 100px; + height: 100px; + margin-left: -50px; + } + + .timeline>li .timeline-image h4 { + margin-top: 16px; + font-size: 12px; + line-height: 18px; + } + + .timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 30px 20px 20px; + text-align: left; + } +} + +@media(min-width:992px) { + .timeline>li { + min-height: 150px; + } + + .timeline>li .timeline-panel { + padding: 0 20px 20px; + } + + .timeline>li .timeline-image { + width: 150px; + height: 150px; + margin-left: -75px; + } + + .timeline>li .timeline-image h4 { + margin-top: 30px; + font-size: 18px; + line-height: 26px; + } + + .timeline>li.timeline-inverted>.timeline-panel { + padding: 0 20px 20px; + } +} + +@media(min-width:1200px) { + .timeline>li { + min-height: 170px; + } + + .timeline>li .timeline-panel { + padding: 0 20px 20px 100px; + } + + .timeline>li .timeline-image { + width: 170px; + height: 170px; + margin-left: -85px; + } + + .timeline>li .timeline-image h4 { + margin-top: 40px; + } + + .timeline>li.timeline-inverted>.timeline-panel { + padding: 0 100px 20px 20px; + } +} + +.team-member { + margin-bottom: 0px; + text-align: center; +} + +.team-member img { + margin: 0 auto; + border: 7px solid #fff; +} + +.team-member h4 { + margin-top: 25px; + margin-bottom: 0; + text-transform: none; +} + +.team-member p { + margin-top: 0; +} + +aside.clients img { + margin: 50px auto; +} + +section#contact { + background-color: #222; + background-image: url(../img/map-image.png); + background-position: center; + background-repeat: no-repeat; +} + +section#contact .section-heading { + padding-top: 40px; + padding-bottom: 40px; + color: #fff; + font-size: 36px; + letter-spacing: 2px; +} + +section#contact .form-group { + margin-bottom: 25px; +} + +section#contact .form-group input, +section#contact .form-group textarea { + padding: 20px; +} + +section#contact .form-group input.form-control { + height: auto; +} + +section#contact .form-group textarea.form-control { + height: 236px; +} + +section#contact .form-control:focus { + border-color: #a1cfd7; + box-shadow: none; +} + +section#contact::-webkit-input-placeholder { + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 700; + color: #bbb; +} + +section#contact:-moz-placeholder { + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 700; + color: #bbb; +} + +section#contact::-moz-placeholder { + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 700; + color: #bbb; +} + +section#contact:-ms-input-placeholder { + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 700; + color: #bbb; +} + +section#contact .text-danger { + color: #e74c3c; +} + +footer { + padding: 25px 0; + text-align: center; +} + +footer span.copyright { + text-transform: uppercase; + text-transform: none; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + line-height: 40px; +} + +footer ul.quicklinks { + margin-bottom: 0; + text-transform: uppercase; + text-transform: none; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + line-height: 40px; +} + +ul.social-buttons { + margin-bottom: 0; +} + +ul.social-buttons li a { + display: block; + width: 40px; + height: 40px; + border-radius: 100%; + font-size: 20px; + line-height: 40px; + outline: 0; + color: #fff; + background-color: #222; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; +} + +ul.social-buttons li a:hover, +ul.social-buttons li a:focus, +ul.social-buttons li a:active { + background-color: #a1cfd7; +} + +.btn:focus, +.btn:active, +.btn.active, +.btn:active:focus { + outline: 0; +} + +.portfolio-modal .modal-content { + padding: 100px 0; + min-height: 100%; + border: 0; + border-radius: 0; + text-align: center; + background-clip: border-box; + -webkit-box-shadow: none; + box-shadow: none; +} + +.portfolio-modal .modal-content h2 { + margin-bottom: 15px; + font-size: 3em; +} + +.portfolio-modal .modal-content p { + margin-bottom: 30px; +} + +.portfolio-modal .modal-content p.item-intro { + margin: 20px 0 30px; + font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 16px; + font-style: italic; +} + +.portfolio-modal .modal-content ul.list-inline { + margin-top: 0; + margin-bottom: 30px; +} + +.portfolio-modal .modal-content img { + margin-bottom: 30px; +} + +.portfolio-modal .close-modal { + position: absolute; + top: 25px; + right: 25px; + width: 75px; + height: 75px; + background-color: transparent; + cursor: pointer; +} + +.portfolio-modal .close-modal:hover { + opacity: .3; +} + +.portfolio-modal .close-modal .lr { + z-index: 1051; + width: 1px; + height: 75px; + margin-left: 35px; + background-color: #222; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} + +.portfolio-modal .close-modal .lr .rl { + z-index: 1052; + width: 1px; + height: 75px; + background-color: #222; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} + +::-moz-selection { + text-shadow: none; + background: #a1cfd7; +} + +::selection { + text-shadow: none; + background: #a1cfd7; +} + +img::selection { + background: 0 0; +} + +img::-moz-selection { + background: 0 0; +} + +body { + webkit-tap-highlight-color: #a1cfd7; +} + +section h3.section-comment { + margin-bottom: 75px; + text-transform: none; + font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-style:italic + font-size: 18px; + font-weight: 400; + color: #494949; +} + +small-comment { + font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; + margin-bottom: none; + font-transform: none; + font-size:10px; + font-weight:400; + color: #777 +} + +logo-image { + z-index: 100; + position: absolute; + left: 0; + width: 80px; + height: 80px; + margin-left: 0; + border: 7px solid #f1f1f1; + border-radius: 100%; + text-align: center; + color: #fff; + background-color: #a1cfd7; +} + + +intro-cap { + margin-bottom: 25px; + text-transform: uppercase; + font-family: 'Raleway', "Helvetica Neue", "Helvetica Neue", Helvetica,Arial,sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 50px; + color:#fff + background-color: #a1cfd7; +} +.intro-small { + font-family: 'Montserrat' ,'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif; + font-size: 20px; + font-style: normal; + font-weight: 100; + text-transform: uppercase; + color: #FFF; +} +intro-headline { + margin-bottom: 25px; + text-transform: uppercase; + font-family: 'Raleway', "Helvetica Neue", "Helvetica Neue", Helvetica,Arial,sans-serif; + font-size: 24px; + font-weight: 400; + line-height: 100px; + color:#fff + background-color: #a1cfd7; +} +h6 intro-smallcap { + margin-bottom: 25px; + text-transform: none; + font-family:'Raleway' , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 18px; + font-weight: 400; + line-height: 50px; + color:#fff + background-color: #a1cfd7; +} +.darkened-container { + /* Fallback for web browsers that doesn't support RGBa */ + background: rgb(0, 0, 0); +/* RGBa with 0.6 opacity */ + background: rgba(0, 0, 0, 0.5); + /* bottom:0; */ + /* left:0; */ + padding-bottom: 30px; + /* padding-top: 30px; */ + /* bottom: 0px: */ + /* position: absolute; */ + /* right: 0; */ + /* bottom 10px; + box-sizing: border-box; + font-size: 14px; + line-height: 1.43; + height: 86px; /* this is wrong */ + /*color: #484848;*/ +} + +.carousel-indicators li { + display: inline-block; + width: 5px; + height: 5px; + margin: 10px; + text-indent: -999px; + cursor: pointer; + color: #fff; + opacity: .45; + padding: 1px; + border: 0; + background-color: #fff; + border-radius: 10px; + font-size: 6px; +} + +.carousel-indicators li.active, .text-carousel .carousel-indicators li.active { + display: inline-block; + width: 5px; + height: 5px; + margin: 10px; + cursor: pointer; + padding: 1px; + border: 0; + color: #fff; + opacity: .8; +} +@media (min-width: 740px) +.carousel-inner, .text-carousel .carousel-inner { + min-height: 225px; +} + +.carousel-text { + text-transform : none; + font-family:"Raleway" , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size : 20px; + font-weight : 100; + lign-heignt: 2px; + color : #666; + text-align : center; +} +/* +.caption { + width: 100%; + text-align: center; + position: absolute; + top: 50%; + transform: translateY(-50%); +} +*/ + +.call-to-action h2 { + margin: 0 auto 20px; +} +/* + * Start Bootstrap - Half Slider (http://startbootstrap.com/) + * Copyright 2013-2016 Start Bootstrap + * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) + */ + +html, +body { + height: 100%; +} + + +/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */ + +.carousel { + height: 80%; +} + +.item, +.active, +.carousel-inner { + height: 100%; +} + +.carousel-caption-text { + font-family: Raleway, Montserrat, Helvetica Neue, Helvetica, sans-serif; + font-weight: 200; + text-transform: None; + color: #fff; + letter-spacing: 2px; + text-align: left; + line-height: 1.25; + left: 7%; + padding-bottom: 50px; +} + +.carousel-positioned { + position: 50%; + font-size: 30px +} + +.carousel-control { + height: 100%; + +} +/* Background images are set within the HTML using inline CSS, not here */ + +.fill { + width: 100%; + height: 100%; + background-position: center; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} +/* +footer { + margin: 50px 0; +}*/ + +.map-responsive{ + overflow:hidden; + padding-bottom:56.25%; + position:relative; + height:0; +} +.map-responsive iframe{ + left:0; + top:0; + height:100%; + width:100%; + position:absolute; +} + +.map-caption{ + text-transform:uppercase; + font-size: 13px; + font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; + font-weight: 400; + color: #ffffff; + letter-spacing: 1px; + text-align:center; +} + +.map-title{ + text-transform: none; + font-family:"Montserrat","Helvetica Neue",Helvetica, Arial,sans-serif; + font-weight: 400; + color: #a1cfd7; + font-size: 18px; + letter-spacing: 1px; + text-align:left; + padding-top: 30px; +} + +hr { + border-color: #88c7d7; + border-width: 3px; + max-width: 50px; +} + +.navbar-right { + float: right!important; + margin-right: -100px; +} \ No newline at end of file diff --git a/digitalglarus/static/digitalglarus/css/history.css b/digitalglarus/static/digitalglarus/css/history.css index d484ddd1..0f0cdc9d 100644 --- a/digitalglarus/static/digitalglarus/css/history.css +++ b/digitalglarus/static/digitalglarus/css/history.css @@ -1,7 +1,7 @@ @charset "UTF-8"; /* CSS Document */ -header.history { +header { text-align: center; color: #fff; background-attachment: scroll; @@ -14,64 +14,289 @@ header.history { -o-background-size: cover; } -.supporter { - font-size:18px; - font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; - text-align:center; - line-height: 2.5; +.supportus { + background-image: url(../img/bal_header.png); + text-align: center; color: #fff; -} - -.supporter-intro { - padding: 15px 5px 15px; - color: #fff; -} - -.supporter-black { - padding: 15px 5px 15px; - color: #000; - font-size:18px; - font-weight: 200; - font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; - text-align:center; - line-height: 1.8; -} - -@media (max-width: 979px) and (min-width: 768px) -.supporter-black{ - width: 100%; -} - -.supporter-headline { - color: #fff; - font-size: 36px; - text-transform: uppercase; - font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; - font-weight: 400; - padding-top: 50px; - margin-top: 0; - margin-bottom: 15px; -} -.supporter-bg { - background-image:url(../img/bg-supporter.png); + background-attachment: scroll; background-position: center center; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; + display: block; + overflow-x: hidden; } - + +.supportus .intro-text { + padding-top: 100px; + padding-bottom: 50px; +} + +.supportus .intro-text .intro-lead-in { + margin-bottom: 25px; + font-family: 'Raleway', "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 22px; + font-style: italic; + line-height: 22px; +} + +.supportus .intro-text .intro-heading { + margin-bottom: 25px; + text-transform: uppercase; + font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 50px; + font-weight: 700; + line-height: 50px; +} + +.supportus .intro-headline-big { + font-family: 'Raleway' , "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif; + font-size: 2.6em; + font-style: normal; + font-weight: 200; + text-transform: none; + text-transform: uppercase; + color: #fff; +} +@media(min-width : 320px) { + .supportus .intro-text { + padding-top: 200px; + padding-bottom: 200px; + } + + .supportus .intro-text .intro-lead-in { + margin-bottom: 25px; + font-family: "Open Sans Extrabold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 40px; + line-height: 40px; + font-style: normal; + } + + .supportus .intro-text .intro-heading { + margin-bottom: 50px; + text-transform: uppercase; + font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-size: 75px; + font-weight: 700; + line-height: 75px; +} +.supportus .intro-headline-big { + font-family: 'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold", + font-size: 2.6em; + font-style: normal; + font-weight: 800; + text-transform: uppercase; + color: #ffffff; + line-height: 1; + opacity: 0.85; + +} + +.supportus-box { + border-style: solid; + border-width: 1px; + border-color: #ddd; + margin-left: 15px; + margin-right: 15px; + padding-left: 0; + padding-right: 0; +} + +/*.supportus .portfolio-item { + right: 0; + margin: 0; + text-align: center; + display: block; + max-width: 650px; + border: 1px; + border-color: #ddd; +} + +.supportus .portfolio-item:hover { + opacity: 1; +} + +.supportus .portfolio-item .portfolio-link { + display: block; + position: relative; + margin: 0 auto; + max-width: 400px; +} + +.supportus .portfolio-item .portfolio-link .portfolio-hover { + position: absolute; + width: 100%; + height: 100%; + opacity: 1; + background: rgba(254,209,54,.9); + -webkit-transition: all ease .5s; + -moz-transition: all ease .5s; + transition: all ease .5s; +} +.supportus .portfolio-item .portfolio-link .portfolio-hover:hover { + opacity: 1; +} + +.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { + position: absolute; + top: 50%; + width: 100%; + height: 20px; + margin-top: -12px; + text-align: center; + font-size: 20px; + color: #fff; +} + +.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { + margin-top: -12px; +} +.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, +.supportus .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { + margin: 0; +} + +.supportus .portfolio-item .portfolio-caption { + padding: 25px; + max-width: 400px; + text-align: center; + background-color: #fff; +} + +.supportus .portfolio-item .portfolio-caption h4 { + margin: 0; + font-size: bold; + text-transform: none; + color: #494949; +} + +.supportus .portfolio-item .portfolio-caption p { + margin: 0; + font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; +} + +.supportus * { + z-index: 2; +} + +@media(min-width:767px) { + .supportus .portfolio-item { + margin: 0 + } +} +*/ + +.supporter-lead { + padding: 15px 5px 15px; + color: #000; + font-size:18px; + font-weight: 200; + font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; + text-align:center; + line-height: 1.6; +} + +.white-background { + background-color: #fff; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; + color: #777; +} + +.whatwedowith { + margin-top: 50px; + margin-bottom: 0px; + padding-top: 3em; + padding-bottom: 3em; + background-image: url(../img/bricks_header_inverse.png); + background-size: cover; + background-repeat:no-repeat; + -webkit-background-size:cover; + -moz-background-size:cover; + -o-background-size:cover; + background-position:center; +} + +.www { + margin-top: 3em; + margin-bottom: 15px; + font-size: 36px; + color: #494949; +} + +.whatwe-wrap { + padding-bottom: 2em; + padding-top: 0; + margin-top: 2em; + margin-bottom: 0; + font-size: 36px; + color: #494949; +} + + +.supporter { + font-size:18px; + font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; + text-align:center; + line-height: 2.5; + color: #fff; +} + +.supporter-intro { + padding: 15px 5px 15px; + color: #fff; +} + +.supporter-black { + padding: 15px 5px 15px; + color: #f5f5f5; + font-size:18px; + font-weight: 200; + font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; + text-align:center; + line-height: 1.8; +} + +@media (max-width: 979px) +.supporter-black{ + width: 100%; +} + +.supporter-headline { + color: #fff; + font-size: 36px; + text-transform: uppercase; + font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + padding-top: 50px; + margin-top: 0; + margin-bottom: 15px; +} +.supporter-bg { + background-image:url(../img/bg-supporter.png); + background-position: center center; + background-repeat: none; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} + .glyphicon-star { - font-size: 44px; + font-size: 44px; display: block; text-align: center; margin: 30px auto 30px; - color: #88c7d7; + color: #88c7d7; } .glyphicon-heart { - font-size: 42px; + font-size: 42px; display: block; text-align: center; margin: 40px auto 20px; @@ -79,7 +304,7 @@ header.history { } .glyphicon-home { - font-size: 42px; + font-size: 42px; display: block; text-align: center; margin: 40px auto 40px; @@ -88,7 +313,7 @@ header.history { .glyphicon-road { - font-size: 42px; + font-size: 42px; display: block; text-align: center; margin: 40px auto 20px; @@ -96,7 +321,7 @@ header.history { } /*.glyphicon-inverse { - display: block; + display: block; width: 40px; height: 40px; border-radius: 100%; @@ -109,7 +334,7 @@ header.history { -moz-transition: all .3s; transition: all .3s; }*/ - + #hr.grey { border-color: #ddd; border-width: 1px; @@ -117,35 +342,24 @@ header.history { } .img-100days{ - width:220px; - height: 330px; - display: block; + width:220px; + height: 330px; + display: block; position: absolute; left: 0; top: 0; text-decoration: none; } -#price { - background-color: #ddd; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - -o-background-size: cover; -} -.price-box{ - padding-left: 15px; - padding-right: 15px; - padding-top: 30px; - padding-bottom: 30px; - margin-bottom: 30px; - color: inherit; - background-color: #fff; - margin-top: 30px; - margin-left: 10px; - margin-right: 10px; +section#waystohelp { + background-color: #fff; + display: block; + margin-top: 50px; } -.graph{ - padding-top: 30px; +.whatwedo{ + margin-top: 0; + margin-bottom: 15px; + font-size: 36px; + color: #f5f5f5; } \ No newline at end of file diff --git a/digitalglarus/static/digitalglarus/css/history1.css b/digitalglarus/static/digitalglarus/css/history1.css new file mode 100644 index 00000000..d484ddd1 --- /dev/null +++ b/digitalglarus/static/digitalglarus/css/history1.css @@ -0,0 +1,151 @@ +@charset "UTF-8"; +/* CSS Document */ + +header.history { + text-align: center; + color: #fff; + background-attachment: scroll; + background-image: url(../img/header_bg_4.png); + background-position: center center; + background-repeat: none; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} + +.supporter { + font-size:18px; + font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; + text-align:center; + line-height: 2.5; + color: #fff; +} + +.supporter-intro { + padding: 15px 5px 15px; + color: #fff; +} + +.supporter-black { + padding: 15px 5px 15px; + color: #000; + font-size:18px; + font-weight: 200; + font-family:raleway, monteserrat, open sans, helvitica neue, sans-serif; + text-align:center; + line-height: 1.8; +} + +@media (max-width: 979px) and (min-width: 768px) +.supporter-black{ + width: 100%; +} + +.supporter-headline { + color: #fff; + font-size: 36px; + text-transform: uppercase; + font-family: 'Raleway', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; + font-weight: 400; + padding-top: 50px; + margin-top: 0; + margin-bottom: 15px; +} +.supporter-bg { + background-image:url(../img/bg-supporter.png); + background-position: center center; + background-repeat: none; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} + +.glyphicon-star { + font-size: 44px; + display: block; + text-align: center; + margin: 30px auto 30px; + color: #88c7d7; +} + +.glyphicon-heart { + font-size: 42px; + display: block; + text-align: center; + margin: 40px auto 20px; + color: #88c7d7; +} + +.glyphicon-home { + font-size: 42px; + display: block; + text-align: center; + margin: 40px auto 40px; + color: #88c7d7; +} + + +.glyphicon-road { + font-size: 42px; + display: block; + text-align: center; + margin: 40px auto 20px; + color: #88c7d7; +} + +/*.glyphicon-inverse { + display: block; + width: 40px; + height: 40px; + border-radius: 100%; + font-size: 20px; + line-height: 40px; + outline: 0; + color: #fff; + background-color: #88c7d7; + -webkit-transition: all .3s; + -moz-transition: all .3s; + transition: all .3s; +}*/ + +#hr.grey { + border-color: #ddd; + border-width: 1px; + max-width: 100px; +} + +.img-100days{ + width:220px; + height: 330px; + display: block; + position: absolute; + left: 0; + top: 0; + text-decoration: none; +} + +#price { + background-color: #ddd; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + -o-background-size: cover; +} +.price-box{ + padding-left: 15px; + padding-right: 15px; + padding-top: 30px; + padding-bottom: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #fff; + margin-top: 30px; + margin-left: 10px; + margin-right: 10px; +} + +.graph{ + padding-top: 30px; +} \ No newline at end of file diff --git a/digitalglarus/static/digitalglarus/img/bal_header.png b/digitalglarus/static/digitalglarus/img/bal_header.png new file mode 100644 index 00000000..e3859f23 Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bal_header.png differ diff --git a/digitalglarus/static/digitalglarus/img/bricks_header.png b/digitalglarus/static/digitalglarus/img/bricks_header.png new file mode 100644 index 00000000..266d1f1a Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bricks_header.png differ diff --git a/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png b/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png new file mode 100644 index 00000000..1c48cb98 Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/bricks_header_inverse.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/1.png b/digitalglarus/static/digitalglarus/img/supportus/1.png new file mode 100644 index 00000000..7d0a72ab Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/1.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/2.png b/digitalglarus/static/digitalglarus/img/supportus/2.png new file mode 100644 index 00000000..5ce5868c Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/2.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/3.png b/digitalglarus/static/digitalglarus/img/supportus/3.png new file mode 100644 index 00000000..ed03ccad Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/3.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/4.png b/digitalglarus/static/digitalglarus/img/supportus/4.png new file mode 100644 index 00000000..4e04eea1 Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/4.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/5.png b/digitalglarus/static/digitalglarus/img/supportus/5.png new file mode 100644 index 00000000..60f21389 Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/5.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/6.png b/digitalglarus/static/digitalglarus/img/supportus/6.png new file mode 100644 index 00000000..3c2c6301 Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/6.png differ diff --git a/digitalglarus/static/digitalglarus/img/supportus/7.png b/digitalglarus/static/digitalglarus/img/supportus/7.png new file mode 100644 index 00000000..b42db82e Binary files /dev/null and b/digitalglarus/static/digitalglarus/img/supportus/7.png differ diff --git a/digitalglarus/templates/digitalglarus/supportus.html b/digitalglarus/templates/digitalglarus/supportus.html new file mode 100644 index 00000000..973b99c5 --- /dev/null +++ b/digitalglarus/templates/digitalglarus/supportus.html @@ -0,0 +1,147 @@ +{% extends "new_base_glarus.html" %} +{% load staticfiles cms_tags %} + +{% block content %} + + +
+
+
+
+

+

+
+ + Become Our Supporter + +
+
+
+
+
+ + +
+
+ +
+

3 Ways to Help

+ +

The First Coworking Space of Glarus was not possible without our + supporters.
+ Be our supporter today and help us realize our dream coworking space!

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

Subscribe to our mailing list and stay informed on our news at Digital Glarus! + We'll keep you up to date to our events and send you special invitations!

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

Share your experience at Digital Glarus with your friends and collegues, let the other discover our coworking space!

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

Your donation helps us renovate our 100+years old coworking space! This very old house needs a lot of love.

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

What we do with your support

+ +
+
+
+
+ {% for post in post_list %} + {% include "ungleich/djangocms_blog/includes/blog_item.html" with post=post image="true" TRUNCWORDS_COUNT=TRUNCWORDS_COUNT %} + {% endfor %} +
+ + + + +
+
+ +
+
+ +
+ +
+
+
+
+ Digital Glarus
+ In der Au 7 Schwanden 8762 Switzerland +
info@digitalglarus.ch +
+ (044) 534-66-22 +

 

+
+
+

 

+
+
+
+{% endblock %} \ No newline at end of file diff --git a/digitalglarus/urls.py b/digitalglarus/urls.py index 488ba1d3..09678b96 100644 --- a/digitalglarus/urls.py +++ b/digitalglarus/urls.py @@ -7,11 +7,12 @@ from .views import ContactView, IndexView, AboutView, HistoryView, LoginView, Si MembershipPricingView, BookingSelectDatesView, BookingPaymentView, OrdersBookingDetailView,\ BookingOrdersListView, MembershipOrdersListView, OrdersMembershipDetailView, \ MembershipDeactivateView, MembershipDeactivateSuccessView, UserBillingAddressView, \ - MembershipReactivateView + MembershipReactivateView, SupportusView # from membership.views import LoginRegistrationView urlpatterns = [ url(_(r'^$'), IndexView.as_view(), name='landing'), + url(_(r'support-us/?$'), SupportusView.as_view(), name='supportus'), url(_(r'contact/?$'), ContactView.as_view(), name='contact'), url(_(r'login/?$'), LoginView.as_view(), name='login'), url(_(r'signup/?$'), SignupView.as_view(), name='signup'), @@ -47,7 +48,7 @@ urlpatterns = [ url(_(r'supporters/?$'), views.supporters, name='supporters'), url(r'calendar_api/(?P\d+)/(?P\d+)?$', views.CalendarApi.as_view(),name='calendar_api_1'), url(r'calendar_api/', views.CalendarApi.as_view(),name='calendar_api'), - url(_(r'support-us/?$'), views.support, name='support'), + # url(_(r'support-us/?$'), views.support, name='support'), url(r'^blog/(?P\w[-\w]*)/$', views.blog_detail, name='blog-detail'), url(r'blog/$', views.blog, name='blog'), ] diff --git a/digitalglarus/views.py b/digitalglarus/views.py index fabf7c93..b75fff1c 100644 --- a/digitalglarus/views.py +++ b/digitalglarus/views.py @@ -46,6 +46,19 @@ class IndexView(TemplateView): template_name = "digitalglarus/index.html" +class SupportusView(TemplateView): + template_name = "digitalglarus/supportus.html" + + def get_context_data(self, *args, **kwargs): + context = super(SupportusView, self).get_context_data(**kwargs) + tags = ["digitalglarus"] + posts = Post.objects.filter(tags__name__in=tags, publish=True).translated(get_language()) + context.update({ + 'post_list': posts + }) + return context + + class LoginView(LoginViewMixin): template_name = "digitalglarus/login.html" form_class = LoginForm