Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* http://meyerweb.com/eric/tools/css/reset/
- v2.0 | 20110126
- License: none (public domain)
- */
- html, body, div, span, applet, object, iframe,
- h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- /* HTML5 display-role reset for older browsers */
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- /* GLAVNI CSS START
- ========================================== */
- #first {
- width: 100%;
- height: 544px;
- background: #87509c;
- overflow: hidden;
- }
- #logonav {
- width: 1035px;
- height: 40px;
- margin: 55px auto;
- }
- #logonav .nav-inner {
- float: right;
- overflow: hidden;
- }
- #logonav .nav-inner li {
- float: left;
- text-transform: uppercase;
- width: 60px;
- text-align: center;
- padding: 0 10px;
- color: white;
- font-family: "PT Sans Narrow";
- line-height: 40px;
- }
- #logo {
- float: left;
- }
- #logonav .nav-inner li:hover {
- background: #643a79;
- cursor: pointer;
- }
- #welcometextparent {
- width: 80%;
- height: auto;
- margin: 137px auto;
- }
- #welcometext {
- width: 90%;
- height: 100%;
- margin: 0px auto;
- }
- #welcometext h2 {
- color: white;
- font-family: sans-serif;
- font-size: 29px;
- line-height: 1.5em;
- padding: 0 55px;
- text-align: center;
- }
- #workwithus {
- display: block;
- margin: 0 auto;
- width: 293px;
- height: 70px;
- background: #eb7d4b;
- border: 0;
- color: white;
- font-size: 17px;
- cursor: pointer
- }
- #workwithus:hover {
- background: #e1642b;
- transition: all .2s ease-in;
- -webkit-transition: all .2s ease-in;
- -moz-transition: all .2s ease-in;
- }
- #green2holder {
- background: #17c2a4;
- width: 100%;
- height: 650px;
- overflow: hidden;
- }
- #services {
- width: 50%;
- margin: 120px auto;
- }
- #services h1 {
- color: white;
- text-align: center;
- font-family: "PT Sans Narrow";
- letter-spacing: 2px;
- font-size: 40px;
- }
- #services p {
- color: white;
- text-align: center;
- font-family: "PT Sans Narrow";
- font-size: 20px;
- line-height: 1.5em;
- }
- #servicesicons {
- width: 100%;
- margin: 0 auto;
- }
- #servisi {
- list-style: none;
- text-align: center;
- }
- #servicesicons #servisi li {
- display: inline-block;
- padding: 0 25px;
- width: 20%;
- }
- #servicesicons #servisi li img {
- position: relative;
- top: -360px;
- }
- #servicesicons #servisi li h2 {
- color: white;
- font-family: "PT Sans Narrow";
- letter-spacing: 2px;
- font-size: 27px;
- position: relative;
- top: -340px;
- }
- #servicesicons #servisi li p {
- font-family: "PT Sans Narrow";
- color: white;
- line-height: 1.3em;
- font-size: 17px;
- position: relative;
- top: -340px;
- }
- #team {
- width: 100%;
- height: 720px;
- background: #e7f1f8;
- overflow: hidden;
- }
- #meetteam {
- width: 50%;
- margin: 55px auto;
- text-align: center;
- }
- #meetteam h1 {
- color: #3c4761;
- font-family: "PT Sans Narrow";
- text-transform: uppercase;
- font-size: 36px;
- letter-spacing: 6px;
- }
- #meetteam p {
- color: #3c4761;
- font-family: "PT Sans Narrow";
- font-size: 20px;
- }
- #container {
- width: 1360px;
- margin: 0px auto;
- }
- #krug {
- width: 20%;
- height: 250px;
- background: #878787;
- border-radius: 230px;
- float: left;
- margin: 0% 20px;
- transform: translateX(15%);
- }
- #okrug {
- width: 90%;
- height: 343px;
- margin: 0 auto;
- }
- #teamopis {
- width: 200px;
- margin-top: 270px;
- margin-left: 25px;
- text-align: center;
- }
- #teamopis h2 {
- font-family: "PT Sans Narrow";
- font-size: 25px;
- }
- #teamopis h3 {
- padding-bottom: 15px;
- font-family: "PT Sans Narrow";
- color: #55c2e9;
- font-size: 19px;
- margin-top: -10px;
- }
- #teamopis p {
- color: #9099a8;
- font-family: "PT Sans Narrow";
- font-size: 16px;
- }
- #skills {
- width: 100%;
- height: 200px;
- }
- #wegot {
- width: 40%;
- margin: 20px auto;
- height: 200px;
- text-align: center;
- }
- #wegot h1 {
- font-family: "PT Sans Narrow";
- font-size: 46px;
- text-transform: uppercase;
- color: #3c4761;
- letter-spacing: 6px;
- }
- #wegot p {
- font-family: "PT Sans Narrow";
- font-size: 20px;
- color: #3c4761;
- letter-spacing: 0.4px;
- }
- #container2 {
- width: 1360px;
- margin: -70px auto;
- }
- #krug2 {
- width: 20%;
- height: 250px;
- border-radius: 230px;
- float: left;
- margin: 0% 20px;
- transform: translateX(15%);
- }
- #okrug2 {
- width: 90%;
- height: 343px;
- margin: 0 auto;
- }
- #webdizajn {
- width: 100%;
- height: 250px;
- background: url(webdizajn.png) no-repeat center center;
- }
- #htmlcss {
- width: 100%;
- height: 250px;
- background: url(htmlcss.png) no-repeat center center;
- }
- #graficki {
- width: 100%;
- height: 250px;
- background: url(graficki.png) no-repeat center center;
- }
- #uiux {
- width: 100%;
- height: 250px;
- background: url(uiux.png) no-repeat center center;
- }
- #portfolioholder {
- width: 100%;
- background: #ffdd99;
- height: 1300px;
- margin-top: 220px;
- overflow: hidden;
- }
- #ourportfolio {
- width: 40%;
- height: 200px;
- margin: 0 auto;
- text-align: center;
- }
- #ourportfolio h1 {
- font-family: "PT Sans Narrow";
- font-size: 40px;
- text-transform: uppercase;
- color: #3c4761;
- letter-spacing: 1px;
- }
- #ourportfolio p {
- font-family: "PT Sans Narrow";
- font-size: 18px;
- color: #3c4761;
- letter-spacing: 0.4px;
- padding-bottom: 30px;
- }
- #ourportfolio a {
- font-size: 21px;
- text-decoration: none;
- color: black;
- padding: 5px 21px;
- margin: 0 5px;
- font-family: "PT Sans Narrow";
- background: #ebc985;
- }
- #ourportfolio a:hover {
- background: #f0f0f0;
- }
- #portcontainer {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- #prvadva {
- width: 1250px;
- height: 360px;
- margin: 30px auto;
- }
- #levi {
- width: 550px;
- height: 357px;
- float: left;
- transform: translateX(5%);
- }
- #desni {
- width: 550px;
- height: 357px;
- float: left;
- transform: translateX(15%);
- padding-left: 50px;
- }
- #drugadva {
- width: 1250px;
- height: 360px;
- margin: 0px auto;
- }
- #levi2 {
- width: 550px;
- height: 357px;
- float: left;
- transform: translateX(5%);
- margin-top: 80px;
- }
- #desni2 {
- width: 550px;
- height: 357px;
- float: left;
- transform: translateX(15%);
- padding-left: 50px;
- margin-top: 80px;
- }
- #loadmore {
- width: 19%;
- display: block;
- margin: 0px auto;
- position: relative;
- top: 20%;
- padding: 20px;
- background: #17c2a4;
- text-transform: uppercase;
- color: white;
- font-size: 16px;
- border: 0;
- }
- #loadmore:hover {
- background: #17957f;
- cursor: pointer;
- transition: all .2s ease-in;
- -webkit-transition: all .2s ease-in;
- -moz-transition: all .2s ease-in;
- border: 0;
- }
- #klasa {
- width: 100%;
- height: 500px;
- background: yellow;
- }
- #whatpeoplesay {
- background: #d74680;
- width: 100%;
- height: 650px;
- overflow: hidden;
- }
- #whatpeopletext {
- width: 450px;
- margin: 50px auto;
- text-align: center;
- }
- #whatpeopletext h1 {
- font-family: "PT Sans Narrow";
- font-size: 40px;
- text-transform: uppercase;
- color: white;
- letter-spacing: 1px;
- }
- #whatpeopletext p {
- font-family: "PT Sans Narrow";
- font-size: 20px;
- color: white;
- letter-spacing: 1px;
- }
- #maincontainer {
- width: 100%;
- height: 456px;
- }
- #holder {
- width: 960px;
- height: 450px;
- margin: 100px auto;
- overflow: hidden;
- }
- #sadrzaj {
- width: 80%;
- height: 100%;
- margin: 0px auto;
- }
- #sadrzaj ul {
- list-style: none;
- }
- #sadrzaj ul li {
- width: 50%;
- float: left;
- margin-top: 10px;
- }
- .imgfl {
- float: left;
- margin-top: 60px;
- border: 2px solid black;
- }
- #sadrzaj ul li h3, p {
- overflow: hidden;
- padding: 5px;
- color: black;
- font-family: "PT Sans Narrow";
- }
- #sadrzaj p {
- padding-right: 15px;
- height: 100px;
- }
- #sadrzaj h3 {
- font-weight: normal;
- font-size: 25px;
- }
- #sadrzaj a {
- text-decoration: none;
- background: #a0c63f;
- color: white;
- padding: 3px;
- font-size: 14px;
- margin-left: 15px;
- font-family: Verdana;
- }
- #prvedvequohold {
- width: 900px;
- height: 100px;
- margin: 0px auto;
- display: flex;
- }
- #radius {
- height: 75px;
- width: 75px;
- background: gray;
- float: left;
- border-radius: 120px;
- clear: both;
- }
- #prva {
- width: 450px;
- }
- .imeljudi {
- font-size: 25px;
- font-family: "PT Sans Narrow";
- color: white;
- }
- #prvedvequohold #prva p {
- padding: 10px 30px;
- color: white;
- font-family: "PT Sans Narrow";
- letter-spacing: 0.3px;
- }
- #druga {
- width: 450px;
- }
- #prvedvequohold #druga p {
- padding: 10px 30px;
- color: white;
- font-family: "PT Sans Narrow";
- letter-spacing: 0.3px;
- }
- #prva2 {
- width: 450px;
- }
- #druga2 {
- width: 450px;
- }
- #druge2quotes {
- width: 900px;
- margin: 100px auto;
- display: flex;
- }
- #prva2 p {
- padding: 10px 30px;
- color: white;
- font-family: "PT Sans Narrow";
- letter-spacing: 0.3px;
- }
- #druga2 p {
- padding: 10px 30px;
- color: white;
- font-family: "PT Sans Narrow";
- letter-spacing: 0.3px;
- }
- #getintouch {
- background: #3c5499;
- width: 100%;
- height: 700px;
- overflow: hidden;
- }
- #getintouchtext {
- margin: 100px auto;
- width: 1000px;
- text-align: center;
- }
- #getintouchtext h1 {
- color: white;
- font-family: "PT Sans Narrow";
- font-size: 46px;
- letter-spacing: 4px;
- }
- #getintouchtext p {
- color: white;
- font-family: "PT Sans Narrow";
- font-size: 22px;
- word-spacing: 6px;
- letter-spacing: 2px;
- }
- #forma {
- width: 1000px;
- height: 450px;
- margin: -50px auto;
- }
- .ime {
- }
- #name {
- padding: 15px;
- width: 300px;
- margin-left: 48px;
- background: #273a71;
- border: 0;
- color: #f0f0f0;
- font-size: 18px;
- }
- #email {
- padding: 15px;
- width: 300px;
- margin-left: 10px;
- background: #273a71;
- border: 0;
- color: #f0f0f0;
- font-size: 18px;
- }
- #formacontent {
- width: 780px;
- height: 360px;
- margin: 0 auto;
- border: 0;
- }
- #poruka {
- padding: 75px;
- width: 570px;
- display: block;
- margin: 15px auto;
- background: #273a71;
- border: 0;
- color: #f0f0f0;
- text-align: center;
- font-size: 18px;
- }
- #posalji {
- padding: 15px;
- background: #30bae7;
- text-transform: uppercase;
- color: white;
- font-size: 19px;
- display: block;
- margin: 60px auto;
- border: 0;
- }
- #posalji:hover {
- background: #269ac0;
- cursor: pointer;
- }
- #footer {
- width: 100%;
- height: 100px;
- background: #344b8e;
- overflow: hidden;
- }
- #footersadrzaj {
- width: 900px;
- height: 100px;
- margin: 0px auto;
- }
- .futerlist {
- text-align: center;
- list-style: none;
- }
- #footersadrzaj li {
- float: left;
- line-height: 100px;
- color: white;
- font-family: "PT Sans Narrow";
- font-size: 23px;
- padding: 0 30px;
- }
- #footersadrzaj li:hover {
- color: #30bae7;
- cursor: pointer;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement