diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css index 5ec793f..fb82624 100644 --- a/src/assets/css/custom.css +++ b/src/assets/css/custom.css @@ -22,7 +22,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font .h-100{height: 100%;} -.main-wrp{ height: 100%;padding-left: 56px; padding-right: 233px; background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px; +.main-wrp{ height: 100%;padding-left: 56px; /*padding-right: 233px;*/ background-image:url('../images/bg.svg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom -10px left -130px; background-size: 45%;} /* navbar */ .spotLight-nav{ padding-top: 20px; z-index: 5;} @@ -40,7 +40,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font .navbar-brand{ margin-right: 57px;} /* ul list style */ - .sign-in-up-list{ width: 325px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif; + .sign-in-up-list{ width:450px; list-style-type: none; margin: 0px; padding:0px;font-family: 'Montserrat', sans-serif; font-size: 20px; font-style: normal; font-weight: 500; @@ -133,7 +133,7 @@ h1{font-family: 'Bebas Neue', cursive;font-style: normal; font-weight: 600; font /* profile */ .inner-wrp { height: 100%; - padding-left: 88px; + padding-left: 37px; padding-right: 37px; background:#fff;; font-family: 'Montserrat', sans-serif; @@ -686,7 +686,7 @@ color: #514DA7;opacity:1; .onoff{ margin-top: -3px; float: right;} /* intro Episode */ -.episode-intro{ padding: 0 50px 0 30px; height: 100%;} +.episode-intro{ padding: 0 30px 0 30px; height: 100%;} .bottom-startup{width: 1293px; display: block; float: left; margin:0 auto; height: 144px; border: 0.8px solid #514DA7; position: absolute; bottom: 50px; z-index: 2; right: 0; @@ -769,13 +769,13 @@ color: #514DA7;opacity:1; width: 49%; background: #fff;} .intro-startup .footer-top{ position: relative; width: 100%; display: block; float: left; padding: 0 50px; height: 75px;} -.intro-startup .footer-top .top-intro-bt{display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; } +.intro-startup .footer-top .top-intro-bt{ width: 215px; display: block; list-style-type: none; margin: 0px; padding:0px; float: left;margin-top: 25px; position: absolute; } .intro-startup .footer-top .top-intro-bt li{display: block; float: left;} .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 15px;} .intro-startup .footer-top .top-intro-bt li a{ height: 39px; border: 1px solid #514DA7;box-sizing: border-box; border-radius: 5px; color: #514DA7; font-weight: 400; font-size: 13px; font-style: normal; line-height: 26px; padding: 6px 10px; display: block; float: left;} -.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 4px;} +.intro-startup .footer-top .top-intro-bt li a img{ width: 10px; display: block;float: left;margin-top: 8px; margin-right: 6px;} .intro-startup .footer-top .top-intro-bt li a:hover{ background-color: #fff; text-decoration: none; border: 1px solid #fff;} -.smasung-g-10wrp{ width: 404px; display: block; height: 695px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0; +.smasung-g-10wrp{ width: 404px; display: block; height: 721px; position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; left: 0; right: 0; margin: 0 auto; bottom: 0; @@ -785,11 +785,10 @@ color: #514DA7;opacity:1; display: block; margin: 0 auto; position: absolute; - top: 21px; + top: 13px; left: 0; - right: 0; - height: 671px; - overflow: hidden;} + right: 0; overflow: hidden; + height: 702px;} .samsung-compare-c img{ width: 100%;} .samsung-compare-c .vs{ width: 100%; display: block; float: left; text-align:center; color: #EF484F; font-size: 12px; line-height: 15px; font-weight: 700; margin: 27px 0 14px 0;} @@ -798,7 +797,7 @@ color: #514DA7;opacity:1; display: block; float: left; right: -394px; position: absolute; - bottom: 50px;} + bottom: 100px;} .comment-box-s-1{ width: 100%; display: block; background: #FFFFFF; float: left; border: 1px solid #201E6A; box-sizing: border-box; @@ -999,7 +998,7 @@ color: #514DA7;opacity:1; .p-users span{ font-size: 14px; line-height: 22px; font-weight: 500; color:#fff; float: left; margin-top: 15px; } .p-users h1{ font-size: 39px; line-height: 43px; font-weight: 400; color:#fff;float: left;padding:0 10px; margin-bottom: -6px;} /* single mobile */ - .single-mobileInsight{ width: 441px; display: block; height: 730px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0; + .single-mobileInsight{ width: 404px; display: block; height: 721px;position: absolute;border: 1px solid #000000;border-radius: 45px 45px 0 0; left: 0; right: 0; margin: 0 auto; bottom: 0; @@ -1022,7 +1021,7 @@ color: #514DA7;opacity:1; .author-thoughts{ width: 236px; display: block; float: left; margin-left: 70px; margin-bottom: -20px;} .custom-c-style{border-radius:0px 25px 25px 25px;} - .mobile-screen-one{ width: 379px; display: block;height:726px;position: absolute; border: 1px solid #000000; + .mobile-screen-one{ width: 404px; display: block;height:721px;position: absolute; border: 1px solid #000000; border-radius: 45px 45px 0 0; bottom: 0; top: unset; @@ -1038,7 +1037,7 @@ color: #514DA7;opacity:1; .user-photo-bottom{ width: 127px;display: block; position: absolute; bottom: 76px; left: -110px;} .p-left{ left: 0;} .p-right{ right: 0;} - .allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 792px; height: 100%; bottom: 2px;} + .allMWrp{ position: absolute; right: 0px; left: 0px; position: absolute; margin: 0 auto; width: 840px; height: 100%; bottom: 2px;} .m-screen-right { width: 370px; display: block; @@ -1068,7 +1067,7 @@ color: #514DA7;opacity:1; float: right; position: absolute; top: unset; - bottom: 74px; + bottom: 122px; right: -310px;} .custom-selected-style{ border-radius:0px 25px 25px 25px;border: 1.09903px solid #EF484F;} .custom-selected-style .top-wrp{ width: 100%; display: block; float: left; color: #EF484F; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: 1.92px; text-transform: uppercase;} @@ -1378,7 +1377,7 @@ input:focus{ outline: none;} border-radius: 10px; margin: 12px 0 0 0;} .update_profile:hover{ color: #fff; text-decoration: none;} -.top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 15px;} +.top-area-blank{ width: 195px; height: 30px; display: block; margin: 0 auto; background: #DFE7EF; border-radius: 0px 0px 23.4986px 23.4986px; position: absolute; z-index: 1; left: 0; right: 0; top: 13px;} .custom-selected-style-2{ border-radius:25px 25px 25px 0px;border: 1.09903px solid #EF484F;} .talk-to-me-about{ width: 100%; display: block; float: left;} .talk-to-me-about span{ font-weight: 600; font-size: 14px; color: #000000;opacity: 0.3; letter-spacing: 2px; text-transform: uppercase;} @@ -1396,5 +1395,9 @@ input:focus{ outline: none;} background-position: left bottom; } .read-time a{ font-weight: 500; color: #000; opacity: 0.5; font-size: 10px;display: block; float: left;margin: 10px 0px 0 18px;} .read-time a img{ width: 13px; display: block; float: left; margin-right: 7px; margin-top: 1px;} -.insight-two-img{width: 403px; position: relative;} -.m-screen-hidden{width: 403px;overflow: hidden; height:722px;margin: 0 auto;} \ No newline at end of file +.insight-two-img{width: 100%; position: relative;} +.m-screen-hidden{width: 382px;overflow: hidden; height:702px;margin: 0 auto;} +.s-l-left-section{ width: 600px; display: block; float: left; margin-top: 57px;} +.s-l-right-section{ width: 300px; display: block; float: left;} +.sign-login-wrp{ display: block;width: 900px; margin: 0 auto; margin-top: 10%;} +.reset-pass{margin-top: 118px;} \ No newline at end of file diff --git a/src/assets/css/media.css b/src/assets/css/media.css index ff6cb06..57ca04f 100644 --- a/src/assets/css/media.css +++ b/src/assets/css/media.css @@ -24,6 +24,17 @@ and (max-device-width: 1280px) and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) { + .intro-startup .footer-top .top-intro-bt{width: 212px; margin-left: -21px;} + .bottom-startup{-ms-transform: scale(0.9); /* IE 9 */ + transform: scale(0.9); /* Standard syntax */ left: -10px;} + .epi-bg{bottom: -159px; left: 8.5% !important;} + .compare-c{-ms-transform: scale(0.8); /* IE 9 */ + transform: scale(0.8); /* Standard syntax */} + .popup-wrp{-ms-transform: scale(0.8); /* IE 9 */ + transform: scale(0.8); /* Standard syntax */} + .popup-set{ margin-top: 0px;} + .sign-login-wrp{ -ms-transform: scale(0.8); /* IE 9 */ + transform: scale(0.8); /* Standard syntax */ margin-top: 5%; } .wc-spc-lf-tp{ padding-top: 90px; padding-left: 0px; } .form-layout.signup-frm-spc { margin-top: 41px;} .user-profile{padding-right: 90px;width: 570px;} @@ -48,11 +59,11 @@ and (-webkit-min-device-pixel-ratio: 1) { .two-webscreen-insight{ -ms-transform: scale(0.8); /* IE 9 */ transform: scale(0.8); /* Standard syntax */ bottom: -57px !important; top: unset; } .smasung-g-10wrp{ -ms-transform: scale(0.8); /* IE 9 */ - transform: scale(0.8); /* Standard syntax */ bottom: -79px !important; top: unset; } + transform: scale(0.8); /* Standard syntax */ bottom: -66px !important; top: unset; } .two-author-desktop{ -ms-transform: scale(0.8); /* IE 9 */ transform: scale(0.8); /* Standard syntax */ bottom: -48px !important; top: unset; } /* no comments */ - .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 3px;} + .intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 12px;} .wc-spc-lf-tp { padding-top: 112px !important; } .form-layout.signup-frm-spc { margin-top: 54px !important; @@ -62,7 +73,13 @@ and (-webkit-min-device-pixel-ratio: 1) { /* no comments */ } - +@media screen +and (min-device-width: 768px) +and (max-device-width: 1280px) +and (-webkit-min-device-pixel-ratio: 1) { + .epi-bg{bottom: -159px; left: 6% !important;} + +} /* Desktops and laptops ----------- */ @media only screen and (min-width : 1050px) and (max-device-width: 1680px) @@ -146,7 +163,7 @@ and (-webkit-min-device-pixel-ratio: 1) { .insights-details{ width: 620px;} .episode-intro{ background-position: 101px -266px !important;} .epi-bg { - left: 6%; + left: 7%; } .ft-comments-group{ margin-left:0px; width: 100%;} .intro-startup .footer-top .top-intro-bt li a{ padding: 6px 6px;} @@ -250,7 +267,7 @@ and (-webkit-min-device-pixel-ratio: 1) { and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { - .main-wrp{background-position: bottom 100px left -100px;} + .main-wrp{background-position: bottom 100px left -100px !important;} .replies-wrp{ width: 760px;} .insights-spc { padding: 0 30px; diff --git a/src/assets/images/facebook.png b/src/assets/images/facebook.png index 5d79fe5d2c43c9beecc29917ab50c40d75af5529..0aac76984e2b68784613ba61b3edf262b9d46270 100644 GIT binary patch literal 955 zcmeAS@N?(olHy`uVBq!ia0vp^DL|ac!3HFE?{oVIq&N#aB8wRqxP?KOkzv*x37{Zj zage(c!@6@aFM%AEbVpxD28NCO+w6L+*i%4Bhdc{#&$hNE|sn`Nz!i&4=$TsJV42 ze>uPPX^Ed3m9C^UOkA6uU#(tt>)jK>>xDH&?N^RJ>L}bTpVXtP;r91Y+M*ASB6*rb zIa(98g|VGf)cM4)aFIfaNJ~%Cgg^l!E+;p~6B-e<_rAGuj!-`D zqxG)^T>t!1{a?HA;*aM{)20^(D&9z{iE(Sa+5eMINLl2=--LzJWxxIs)-n8Xo!f4^ zd_MaPv2_`J%@N}FKR)vNpTME?SzKk^v`2OAU*}i9xN+vX+ud6B_}rB(msdV=;WXdRZC;^V%z&!V|n_BLB+yeE+QPTtD`?oi?@lzvg#F@B5GY*dKmozOQ;x!-0$GCor!u Nc)I$ztaD0e0sz~7oYnvU delta 493 zcmdnZK9xnWGr-TCmrII^fq{Y7)59eQNb3M`00$e8OiG!)d!nLAJ>x1*7srqa#IsWm!B-f>*(iO~ySauxt`16s&z%ij|1EaD5)3WZ2M>z-BcJNQq4F0*J*ubUZ z*}pxT{i^0G6?S>V+u9!QV`aK2B3`Lzlzpa9#v!j(wDjCB zNhXg68Qa+slT4RS{h^_k&o{wFQQ`H2Z5qa3vo{2_OEMKjaPD+?5OFr^(EZD`$2oM= z@A#LCY}1~Yta9w&>_uk`5542-X%;TAbW5pO8vK3BaXGygy;k@0Hy(|S3ZJhQU%zFi zNqWKM1Z_VbXLd97ST^ywJGS>;J<}}vzWDO>RZYy#XV1T2F+++y_;Es(j8AX#N>_26 zTaTiYdA;+i0dGGD|W5Q}5 zHt&z(Ir#NoJ4aLf_weq#L&yB9V&Bid{IuKo^5xWj-7Y|L3k^*9mK{5I1;sKH!EU`D Z+;1;L&F_!O>j%algQu&X%Q~loCIBe}*rxyh diff --git a/src/components/LandingPage.vue b/src/components/LandingPage.vue index 03bf439..fccc6e8 100644 --- a/src/components/LandingPage.vue +++ b/src/components/LandingPage.vue @@ -42,19 +42,17 @@ -
-
-
+