Skip to main content

test1

<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html><?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html>

<html b:version='2'

xmlns='http://www.w3.org/1999/xhtml'

xmlns:b='http://www.google.com/2005/gml/b'

xmlns:data='http://www.google.com/2005/gml/data'

xmlns:expr='http://www.google.com/2005/gml/expr'>


<head>


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>


<title><data:blog.title/></title>


<b:skin><![CDATA[


body{

font-family:Arial, Helvetica, sans-serif;

margin:0;

background:#f3f2ef;

}


/* HEADER */


.header{

background:white;

padding:14px;

text-align:center;

font-size:22px;

font-weight:bold;

color:#0a66c2;

border-bottom:1px solid #ddd;

position:sticky;

top:0;

z-index:10;

}


/* FEED */


.feed{

max-width:700px;

margin:auto;

padding:12px;

}


/* POST CARD */


.post-card{

background:white;

padding:16px;

border-radius:8px;

margin-bottom:16px;

box-shadow:0 1px 4px rgba(0,0,0,0.08);

}


/* TITLE */


.post-title{

font-size:18px;

font-weight:bold;

margin-bottom:8px;

}


.post-title a{

text-decoration:none;

color:#000;

}


/* IMAGE */


.post-image img{

width:100%;

border-radius:6px;

margin-top:10px;

}


/* TEXT */


.post-snippet{

font-size:14px;

color:#444;

line-height:1.6;

}


/* ACTION BAR */


.post-actions{

display:flex;

justify-content:space-around;

border-top:1px solid #eee;

margin-top:12px;

padding-top:10px;

font-size:14px;

color:#666;

}


/* BOTTOM NAV */


.bottom-nav{

position:fixed;

bottom:0;

width:100%;

background:white;

border-top:1px solid #ddd;

display:flex;

justify-content:space-around;

padding:10px 0;

}


.bottom-nav a{

text-decoration:none;

font-size:14px;

color:#333;

}


/* MOBILE */


@media(max-width:768px){


.feed{

padding-bottom:70px;

}


}


]]></b:skin>


</head>


<body>


<!-- HEADER -->


<div class='header'>

Spread Jobs

</div>



<!-- MAIN BLOG SECTION -->


<div class='feed'>


<b:section id='main' showaddelement='yes'>


<b:widget id='Blog1' type='Blog' title='Blog Posts'>


<b:includable id='main'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>


<!-- SINGLE POST PAGE -->


<div class='post-card'>


<h1 class='post-title'>

<data:post.title/>

</h1>


<div class='post-snippet'>

<data:post.body/>

</div>


<div class='post-actions'>

<div>👍 Like</div>

<div>💬 Comment</div>

<div>🔗 Share</div>

</div>


</div>


</b:if>



<b:if cond='data:blog.pageType != &quot;item&quot;'>


<!-- HOMEPAGE FEED -->


<b:loop values='data:posts' var='post'>


<div class='post-card'>


<div class='post-title'>

<a expr:href='data:post.url'>

<data:post.title/>

</a>

</div>


<div class='post-snippet'>

<data:post.snippet/>

</div>


<b:if cond='data:post.firstImageUrl'>


<div class='post-image'>

<img expr:src='data:post.firstImageUrl'/>

</div>


</b:if>


<div class='post-actions'>


<div>👍 Like</div>


<div>💬 Comment</div>


<div>🔗 Share</div>


</div>


</div>


</b:loop>


</b:if>


</b:includable>


</b:widget>


</b:section>


</div>



<!-- BOTTOM NAV -->


<div class='bottom-nav'>


<a href='/'>Home</a>


<a href='/search/label/News'>News</a>


<a href='/search/label/Finance'>Finance</a>


<a href='/search/label/Tech'>Tech</a>


<a href='/search/label/Jobs'>Jobs</a>


</div>


</body>


</html>

Tags:

Comments

Post a Comment