diff --git a/contact.html b/contact.html index 93639d4..7a9413b 100644 --- a/contact.html +++ b/contact.html @@ -1,129 +1,142 @@ LaKademy | Latin America KDE Summit

Page Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Listing

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • voluptate velit esse cillum dolore eu fugiat nulla pariatur
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • occaecat cupidatat non proident, sunt in

Blockquote

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

List Categories

Testimonials

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

John Doe

Sidebar Photo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Free Responsive Html CSS Template by CSS Templates Market

diff --git a/style.css b/style.css index 749a323..905b970 100644 --- a/style.css +++ b/style.css @@ -1,250 +1,250 @@ /* General */ body{ font-family:Arial, Helvetica, sans-serif; padding:0; font-size:12px; margin:0 auto; color:#757575; background-color:#FFFFFF; } .clear{ clear:both; } p{ padding:0; margin:0px; text-align:left; line-height:20px; } a{ color:#87CEFA; text-decoration:none; } a img{ border:none; } a:hover{ text-decoration:none; } a.more{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background-color:#1E90FF; color:#fff; font-size:11px; padding:6px 6px; margin:auto; width:60px; display:block; text-align:center; margin-top:10px; } h1{font-weight: normal;color: #252525;font-size:26px;margin:0;padding:0 0 25px 0;} h2{font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 25px 0;} h3{font-weight: normal;color: #252525;font-size:18px;margin:0;padding:0 0 25px 0;} h4{font-weight: normal;color: #252525;font-size:16px;margin:0;padding:0 0 25px 0;} h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 25px 0;} h6{font-weight: normal;color: #f98740;font-size:12px;margin:0;padding:0 0 25px 0;} h1, h2, h3, h4{font-family: 'Source Sans Pro', sans-serif;} p {text-align:justify;} /* Top */ #wrap{margin:auto;width:1000px;padding:0 0 40px 0;} .main_content{ clear:both;} #header{width:100%; height:140px; background-color:#1E90FF;} .header_content{ width:1000px; margin:auto; line-height:140px;} .logo{float:left;margin:0 0 0 2px; padding:0px;font-family: 'Source Sans Pro', sans-serif; font-size:43px; color:#505050;} .logo a{color:#fff;} .logo span{ font-size:14px; color:#FFFFFF;} .logoimage{width:auto; height:auto; padding-right:25px; float:left; margin-top:15px;} /* Menu */ .menu{float:right; padding:0 20px 0 0;} .menu ul {list-style:none; margin:0; padding:0px;} .menu ul * {margin:0; padding:0;} .menu ul li {float:left; padding:0 20px 0 20px; height:35px;} .menu ul li a{font-family: 'Source Sans Pro', sans-serif;color:#fff; font-size:16px;} .menu ul li.selected a{text-decoration: underline;} .menu ul li a:hover{color:#AFEEEE;} /* Dropdown*/ li a, .dropbtn { display: list-item; color: #595959; text-align: center; padding: 8px 8px; text-decoration: none; } li.dropdown { display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #1E90FF; - min-width: 160px; + min-width: 140px; line-height: 25px; } .dropdown-content a { color: black; padding: 12px 12px; text-decoration: none; display: block; - text-align: left; + text-align: center; } .dropdown-content a:hover {background-color: #1E90FF} .dropdown:hover .dropdown-content {display: block; z-index: 1;} .join {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#1E90FF; color:#fff; font-size:14px; padding:0 5px; margin:auto; width:180px; display:block; text-align:center;} /* Slider */ .slider{ width:920px; margin:auto; clear:both; padding-top:50px; } .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {width: 100%; margin: 0; padding: 0 0 0 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-direction-nav li a { width:65px; height:37px; margin:0; display: block; position: absolute; top:205px; cursor: pointer; text-indent: -9999px; /* opacity: .5; */ /* filter:alpha(opacity=30); */ } .flex-direction-nav li a.next { background:url(images/next.png) no-repeat center; right:0px; } .flex-direction-nav li a.prev { background:url(images/prev.png) no-repeat center; /* right:65px; */ left:0px; } .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} .flex-caption{ position: absolute;left:0px; top:150px; width:920px;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; color:#FFFFFF;} .flex-caption h2{ font-size:30px; color:#FFFFFF;} .flex-caption p{ text-align:center; padding:0 200px;} a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#1E90FF; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;} /* STRUCTURE */ .section_full {padding:40px 40px 0 40px; float:left;} .section_one_two{ width:440px; float:left; padding:40px 0 0 40px;} .section_one_three{ width:280px; float:left; padding:40px 0 0 40px;} .section_one_four{ width:200px; float:left; padding:40px 0 0 40px;} .section_two_three{ width:600px; float:left; padding:40px 0 0 40px;} .main_content img {max-width: 100%; display: block;} figcaption {display: block; text-align:center;padding-bottom:10px;} .roundimg{width:140px;height:110px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#e8e8e8;text-align:center; padding:30px 0 0 0;} .roundimg img{ margin:auto; display:block;} h2.centered_title{ text-align:center;} p.centered_text{ padding:10px 20px;} .entry{ padding-bottom:20px;} .entry h3, .entry h4{ padding-top:30px;} .entry ul{ padding:0; margin:0px; list-style:none; display:block;} .entry ul li{background:url(images/bullet.png) no-repeat left; margin:0 0 10px 0; padding:0 0 0 20px; display:block;} img.entry_image{ padding-bottom:20px;} .entry ol{ padding:0; margin:0px; list-style:none; display:block;} .entry ol li{ padding:0 0 10px 0; margin:0px; display:block;} blockquote{background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; padding:12px; margin:0px 10px 0 0; line-height:20px;} /* Sidebar */ .sidebar h2{ clear:both;} .sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;} .sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;} .sidebar ul li a{ background:url(images/bullet.png) no-repeat left; display:block; padding:0 0 0 20px;} .sidebar ul li a:hover{ color:#000000;} .sidebar .clear{ padding-bottom:40px;} /* Footer */ .footer{ padding:20px 0 40px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#e8e8e8;} .footer_content{margin:auto;width:1000px;} .footer_left{ float:left; padding:0 0 0 40px;} .footer_right{ float:right; padding:0 40px 0 0;} ul.social_icons { margin:0px; padding:0px; list-style:none;} ul.social_icons li{ float:left;} ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#b3b3b3;text-align:center;} ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#f98740;text-align:center;} ul.social_icons li a:hover{ background-color:#9e9e9e;} ul.social_icons li a img{ width:60%; display:block; margin:5px auto;} ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;} ul.footer_menu li{ float:left; padding:0 15px 0 0;} ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px;} /* Media Queries */ @media screen and (max-width: 1000px) { #wrap{margin:0 auto;width:100%;} #header{width:100%; height:auto; float:left; background-color:#f98740; padding-bottom:40px;} .header_content{ width:100%; float:left; margin:auto; line-height:100px;} .logo{margin:0 0 0 30px;} .logo span{ display:none;} .section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%;} .slider{ width:100%; margin:auto; clear:both;} .menu{float:left; clear:both; padding:0px 0 0px 0; width:100%;} .menu ul {list-style:none; margin:0; padding:0 20px 0 20px;} .menu ul * {margin:0; padding:0;} .menu ul li {width:100%; float:left; padding:0px;height:auto; border-bottom:1px #efefef solid;height:35px; line-height:35px;} .menu ul li a{color:#fff; font-size:20px; padding:0 0 0 10px; display:block; cursor:pointer;} .menu ul li a:hover{color:#000;} .footer_content{margin:auto;width:100%;} .footer_left{ float:left; padding:0 0 0 10px;} .footer_right{ float:right; padding:0 10px 0 0;} }