forked from LiveCarta/LiveCartaWP
blog page v2
This commit is contained in:
Jerry
@@ -3026,13 +3026,17 @@ footer {
|
||||
color: #10417E;
|
||||
font-weight: bold; }
|
||||
.blog-page-single .blog-body {
|
||||
padding: 30px 0 50px; }
|
||||
padding: 0 0 50px; }
|
||||
.blog-page-single .blog-body .cont {
|
||||
max-width: 800px; }
|
||||
max-width: 960px; }
|
||||
@media (min-width: 992px) {
|
||||
.blog-page-single .blog-body .cont {
|
||||
padding-left: 85px; } }
|
||||
.blog-page-single .blog-page-social {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
padding-bottom: 20px; }
|
||||
.blog-page-single .blog-page-social .left, .blog-page-single .blog-page-social .right {
|
||||
-webkit-box-flex: 1;
|
||||
@@ -3042,7 +3046,105 @@ footer {
|
||||
text-align: right; }
|
||||
.blog-page-single .blog-page-social .email {
|
||||
display: inline-block;
|
||||
width: 63px;
|
||||
height: 30px; }
|
||||
.blog-page-single .blog-page-social .email img {
|
||||
max-height: 100%; }
|
||||
.blog-page-single .blog-page-social .social {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover; }
|
||||
.blog-page-single .blog-page-social .social:hover {
|
||||
opacity: 0.7; }
|
||||
.blog-page-single .blog-page-social .social.twitter {
|
||||
background-image: url("../img/blog-social/twitter.svg"); }
|
||||
.blog-page-single .blog-page-social .social.linkedin {
|
||||
background-image: url("../img/blog-social/linkedin.svg"); }
|
||||
.blog-page-single .blog-page-social .social.facebook {
|
||||
background-image: url("../img/blog-social/facebook.svg"); }
|
||||
@media (min-width: 992px) {
|
||||
.blog-page-single .blog-page-social {
|
||||
display: block;
|
||||
padding: 0; }
|
||||
.blog-page-single .blog-page-social .left, .blog-page-single .blog-page-social .right {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none; }
|
||||
.blog-page-single .blog-page-social .left {
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
top: 0;
|
||||
margin-right: 20px; }
|
||||
.blog-page-single .blog-page-social .right {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
margin-left: 10px; }
|
||||
.blog-page-single .blog-page-social .email {
|
||||
height: 48px; }
|
||||
.blog-page-single .blog-page-social .social {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px; }
|
||||
.blog-page-single .blog-page-social .social + .social {
|
||||
margin-top: 10px; } }
|
||||
|
||||
.read-next {
|
||||
display: block; }
|
||||
.read-next .rn-head {
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: #10417E;
|
||||
margin-bottom: 30px;
|
||||
padding: 0 15px; }
|
||||
@media (min-width: 768px) {
|
||||
.read-next .rn-head {
|
||||
font-size: 36px;
|
||||
line-height: 40px; } }
|
||||
@media (min-width: 992px) {
|
||||
.read-next .rn-head {
|
||||
font-size: 43.9444px;
|
||||
line-height: 58px; } }
|
||||
.read-next .rn-body {
|
||||
background: #E6EBF2;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 15px 0 15px; }
|
||||
.read-next .rn-body .cont {
|
||||
height: 293px;
|
||||
overflow: hidden; }
|
||||
@media (min-width: 768px) {
|
||||
.read-next .rn-body {
|
||||
padding: 35px 0 65px; } }
|
||||
.read-next .rn-block {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 230px;
|
||||
height: 273px;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 19px;
|
||||
padding: 30px 18px;
|
||||
text-align: left;
|
||||
color: #678AB2;
|
||||
font-size: 15.62px;
|
||||
line-height: 20.7px;
|
||||
margin: 10px 7px; }
|
||||
.read-next .rn-block .head {
|
||||
font-size: 17.5777px;
|
||||
line-height: 23px;
|
||||
margin-bottom: 20px;
|
||||
display: block; }
|
||||
.read-next .rn-block .text {
|
||||
overflow: hidden;
|
||||
max-height: 184px; }
|
||||
.read-next .rn-block:hover {
|
||||
text-decoration: none;
|
||||
background: #efefef;
|
||||
color: #666;
|
||||
cursor: pointer; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,13 @@
|
||||
<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M13.7654 28.4195C21.3678 28.4195 27.5308 22.2565 27.5308 14.6541C27.5308 7.05166 21.3678 0.888672 13.7654 0.888672C6.16298 0.888672 0 7.05166 0 14.6541C0 22.2565 6.16298 28.4195 13.7654 28.4195Z" fill="#5197E6"/>
|
||||
<path d="M27.5312 14.6541C27.5312 14.0184 27.4881 13.3929 27.4047 12.7801L21.5223 6.89764L13.7658 8.83712L7.58537 16.0084L5.65918 22.0194L5.97772 22.3787L11.9392 28.2994C12.5368 28.3786 13.1465 28.4195 13.7658 28.4195C21.3683 28.4195 27.5312 22.2566 27.5312 14.6541Z" fill="#144684"/>
|
||||
<path d="M14.6175 10.8759L13.0153 12.4781C12.7565 12.7369 12.5808 13.0478 12.488 13.3774C13.1855 13.1812 13.9664 13.357 14.514 13.9047C15.0618 14.4524 15.2375 15.2333 15.0413 15.9307C14.9486 16.2602 14.7729 16.5711 14.5141 16.8299L12.9118 18.4322L10.8346 20.5094C10.0281 21.3159 8.71584 21.3159 7.90933 20.5094C7.10282 19.7029 7.10282 18.3906 7.90933 17.5842L9.98656 15.5069C9.51392 14.1446 9.67743 12.6087 10.4771 11.3664C10.1973 11.5465 9.93242 11.7589 9.68776 12.0035L6.00825 15.683C4.15347 17.5378 4.15353 20.5557 6.00825 22.4105C7.86298 24.2653 10.8809 24.2653 12.7357 22.4105L16.4152 18.731C16.6599 18.4864 16.8723 18.2215 17.0524 17.9416C17.852 16.6994 18.0155 15.1635 17.5429 13.8011C17.315 13.1441 16.9391 12.5274 16.4152 12.0035C15.8912 11.4797 15.2746 11.1038 14.6175 10.8759Z" fill="#DADADA"/>
|
||||
<path d="M14.7951 6.89756L11.1156 10.5771C10.871 10.8217 10.6586 11.0866 10.4785 11.3664C9.67883 12.6086 9.51536 14.1446 9.98796 15.507C10.2159 16.164 10.5918 16.7807 11.1156 17.3045C11.6395 17.8284 12.2562 18.2043 12.9132 18.4322L14.5155 16.8299C14.7743 16.5711 14.95 16.2602 15.0427 15.9307C14.3453 16.1268 13.5644 15.9511 13.0167 15.4034C12.469 14.8557 12.2933 14.0748 12.4894 13.3774C12.5821 13.0478 12.7579 12.7369 13.0167 12.4781L14.6189 10.8759L16.6962 8.79863C17.5026 7.99217 18.8149 7.99217 19.6214 8.79863C20.4279 9.60515 20.4279 10.9174 19.6214 11.7239L17.5442 13.8011C18.0168 15.1635 17.8533 16.6994 17.0536 17.9417C17.3334 17.7615 17.5983 17.5492 17.843 17.3045L21.5225 13.625C23.3773 11.7702 23.3772 8.75234 21.5225 6.89756C19.6678 5.04277 16.6499 5.04277 14.7951 6.89756Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="27.5308" height="27.5308" fill="white" transform="translate(0 0.888672)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="28" height="29" viewBox="0 0 28 29" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M13.7663 28.1232C21.3687 28.1232 27.5317 21.9602 27.5317 14.3578C27.5317 6.75543 21.3687 0.592468 13.7663 0.592468C6.16394 0.592468 0.000976562 6.75543 0.000976562 14.3578C0.000976562 21.9602 6.16394 28.1232 13.7663 28.1232Z" fill="#5197E6"/>
|
||||
<path d="M27.5093 13.5889L21.0257 7.10334C20.9183 7.13587 20.6503 7.01118 20.5325 7.03484C17.7516 7.49834 15.0634 7.03484 12.3752 7.77639C11.0775 8.1472 10.9848 9.72301 10.5213 10.7427C9.87245 12.5966 9.96515 14.6359 9.13084 16.3971C8.57469 17.6022 7.27693 18.3437 6.81342 19.7342C6.65883 20.3141 6.66797 21.0451 6.49316 21.5995L12.9984 28.1016C13.2524 28.1156 13.5081 28.1233 13.7656 28.1233C21.368 28.1233 27.531 21.9603 27.531 14.3579C27.531 14.0998 27.5233 13.8435 27.5093 13.5889Z" fill="#144684"/>
|
||||
<path d="M19.5227 6.47852H8.01111C6.83842 6.47852 5.8877 7.42918 5.8877 8.60193V20.1135C5.8877 21.2863 6.83836 22.2369 8.01111 22.2369H13.6885L13.6983 16.6059H12.2352C12.0451 16.6059 11.8907 16.4521 11.8901 16.262L11.8829 14.4467C11.8822 14.2557 12.0371 14.1002 12.2281 14.1002H13.6887V12.3463C13.6887 10.311 14.9317 9.20271 16.7474 9.20271H18.2374C18.4279 9.20271 18.5826 9.35725 18.5826 9.54792V11.0784C18.5826 11.2691 18.428 11.4236 18.2376 11.4236L17.3232 11.4241C16.3358 11.4241 16.1444 11.8933 16.1444 12.582V14.1004H18.3142C18.5211 14.1004 18.6814 14.281 18.6569 14.4861L18.4418 16.3014C18.4213 16.4752 18.2739 16.606 18.099 16.606H16.1542L16.1444 22.2372H19.5226C20.6953 22.2372 21.646 21.2864 21.646 20.1137V8.60193C21.6461 7.42924 20.6953 6.47852 19.5227 6.47852Z" fill="white"/>
|
||||
<path d="M13.6881 22.2368L13.6979 16.6058H13.6738V22.2368H13.6881Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="27.5308" height="27.5308" fill="white" transform="translate(0 0.592468)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.9 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M13.0781 27.8269C20.3003 27.8269 26.1552 21.664 26.1552 14.0616C26.1552 6.45919 20.3003 0.296234 13.0781 0.296234C5.85579 0.296234 0.000976562 6.45919 0.000976562 14.0616C0.000976562 21.664 5.85579 27.8269 13.0781 27.8269Z" fill="#5196E6"/>
|
||||
<path d="M26.1044 12.859L20.1642 6.59808C16.5355 7.09477 12.7434 7.02067 9.11481 7.1095C7.61779 7.1095 6.12072 7.85105 6.38491 9.61227C6.91326 13.1347 7.17746 16.5645 6.56105 20.1796C6.46399 20.6391 6.25981 21.0985 5.99316 21.527L11.9272 27.7735C12.3063 27.8082 12.6898 27.827 13.0775 27.827C20.2998 27.827 26.1546 21.664 26.1546 14.0617C26.1547 13.6562 26.1371 13.2553 26.1044 12.859Z" fill="#144785"/>
|
||||
<path d="M19.209 6.1824H6.94697C6.19897 6.1824 5.59277 6.8205 5.59277 7.60787V20.5152C5.59277 21.3023 6.19897 21.9406 6.94697 21.9406H19.2089C19.9567 21.9406 20.5631 21.3023 20.5631 20.5152V7.60787C20.5632 6.8205 19.9568 6.1824 19.209 6.1824ZM10.2252 19.7891C10.2252 20.0183 10.0488 20.204 9.83108 20.204H8.15369C7.93592 20.204 7.75953 20.0182 7.75953 19.7891V12.3869C7.75953 12.1577 7.93602 11.972 8.15369 11.972H9.83118C10.0489 11.972 10.2253 12.1578 10.2253 12.3869V19.7891H10.2252ZM8.99236 11.2742C8.11221 11.2742 7.39879 10.5231 7.39879 9.59648C7.39879 8.67006 8.11216 7.91904 8.99236 7.91904C9.87261 7.91904 10.586 8.67017 10.586 9.59648C10.586 10.5232 9.87256 11.2742 8.99236 11.2742ZM18.9919 19.8225C18.9919 20.0332 18.8297 20.2041 18.6297 20.2041H16.8295C16.6295 20.2041 16.4672 20.0333 16.4672 19.8225V16.3503C16.4672 15.8325 16.6116 14.0807 15.1813 14.0807C14.0719 14.0807 13.8469 15.2797 13.8017 15.8177V19.8224C13.8017 20.0331 13.6395 20.204 13.4393 20.204H11.6983C11.4982 20.204 11.3359 20.0331 11.3359 19.8224V12.3535C11.3359 12.1428 11.4982 11.9719 11.6983 11.9719H13.4393C13.6395 11.9719 13.8017 12.1427 13.8017 12.3535V12.9992C14.2131 12.3494 14.8245 11.8477 16.1261 11.8477C19.0084 11.8477 18.992 14.6823 18.992 16.24V19.8226H18.9919V19.8225Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="26.1543" height="27.5308" fill="white" transform="translate(0 0.296234)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0)">
|
||||
<path d="M27.5308 13.7654C27.5308 21.3679 21.3679 27.5308 13.7654 27.5308C6.16289 27.5308 0 21.3679 0 13.7654C0 6.16289 6.16289 0 13.7654 0C21.3679 0 27.5308 6.16289 27.5308 13.7654Z" fill="#4A7AFF"/>
|
||||
<path d="M27.5308 13.7654C27.5308 21.3679 21.3679 27.5308 13.7654 27.5308C6.16289 27.5308 0 21.3679 0 13.7654C0 6.16289 6.16289 0 13.7654 0C21.3679 0 27.5308 6.16289 27.5308 13.7654Z" fill="#5297E7"/>
|
||||
<path d="M27.5305 13.7654C27.5305 12.9252 27.4549 12.1029 27.3108 11.3043L22.5197 6.51303L15.2379 14.0246L6.1884 14.088L9.30209 17.2019L7.87316 17.2189L10.0404 19.3862L9.11578 20.34L4.49902 19.5882L12.3719 27.4611C12.83 27.5071 13.2948 27.5308 13.7651 27.5308C21.3676 27.5308 27.5305 21.3679 27.5305 13.7654Z" fill="#10417E"/>
|
||||
<path d="M10.3271 21.2961C17.3207 21.2961 21.1452 15.502 21.1452 10.478C21.1452 10.3133 21.1418 10.1497 21.1343 9.98672C21.8766 9.44985 22.5218 8.78023 23.031 8.01798C22.3496 8.32066 21.6165 8.52461 20.8473 8.6164C21.6325 8.1459 22.2351 7.40109 22.5195 6.51323C21.7846 6.94886 20.9713 7.2654 20.1053 7.43616C19.4113 6.69723 18.4232 6.23492 17.33 6.23492C15.2299 6.23492 13.5271 7.93775 13.5271 10.0367C13.5271 10.3352 13.5605 10.6253 13.6256 10.9038C10.4659 10.7448 7.66375 9.23161 5.78869 6.93122C5.46186 7.49308 5.27387 8.1459 5.27387 8.84219C5.27387 10.1613 5.94517 11.326 6.96577 12.0071C6.34216 11.988 5.75613 11.8164 5.24384 11.5314C5.243 11.5473 5.243 11.5633 5.243 11.5799C5.243 13.4216 6.55367 14.9589 8.29325 15.3073C7.97398 15.3943 7.63791 15.4411 7.29092 15.4411C7.04601 15.4411 6.80782 15.4168 6.57614 15.3727C7.06029 16.8831 8.46381 17.9824 10.1282 18.0135C8.82655 19.0333 7.18737 19.641 5.40599 19.641C5.09933 19.641 4.79666 19.6235 4.49902 19.5882C6.18168 20.6666 8.17962 21.2961 10.3271 21.2961Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0">
|
||||
<rect width="27.5308" height="27.5308" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -13,11 +13,47 @@
|
||||
</div>
|
||||
<div class="blog-body">
|
||||
<div class="cont">
|
||||
<div class="blog-info">
|
||||
<div class="blog-date">September 7, 2020</div>
|
||||
<div class="blog-tags">Edtech, Online teaching, Education</div>
|
||||
</div>
|
||||
<div class="blog-page-social">
|
||||
<div class="left">
|
||||
<a href="#" class="social twitter"></a>
|
||||
<a href="#" class="social linkedin"></a>
|
||||
<a href="#" class="social facebook"></a>
|
||||
</div>
|
||||
</div>
|
||||
<?=get_the_content(null,false, $post); ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="read-next">
|
||||
<div class="rn-head">What you may want to read next...</div>
|
||||
<div class="rn-body">
|
||||
<div class="cont">
|
||||
<a class="rn-block">
|
||||
<div class="text">
|
||||
<span class="head">Develop an action plan</span>
|
||||
Before starting, ask yourself a clear question: "What environment do I want to foster for my class?" It’s important to communicate with your students to learn what makes things most ...
|
||||
</div>
|
||||
</a>
|
||||
<a class="rn-block">
|
||||
<div class="text">
|
||||
<span class="head">Develop an action plan</span>
|
||||
Before starting, ask yourself a clear question: "What environment do I want to foster for my class?" It’s important to communicate with your students to learn what makes things most ...
|
||||
</div>
|
||||
</a>
|
||||
<a class="rn-block">
|
||||
<div class="text">
|
||||
<span class="head">Develop an action plan</span>
|
||||
Before starting, ask yourself a clear question: "What environment do I want to foster for my class?" It’s important to communicate with your students to learn what makes things most ...
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-page">
|
||||
<!-- <div class="main-page">
|
||||
<div class="mp-small-block">
|
||||
<div class="cont">
|
||||
<div class="sb-head">Interested? Get to know more</div>
|
||||
@@ -27,7 +63,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<?php
|
||||
|
||||
Reference in New Issue
Block a user