<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
}
.clearfix{
clear:both;
}
.header-banner{
padding-top:35px;
padding-bottom:100px;
color:#000000;
font-family:Helvetica, serif;
font-weight:100;
background-image:url("//grapesjs.com/img/bg-gr-v.png"), url("//grapesjs.com/img/work-desk.jpg");
background-attachment:scroll, scroll;
background-position:left top, center center;
background-repeat:repeat-y, no-repeat;
background-size:contain, cover;
}
.container-width{
width:90%;
max-width:1150px;
margin:0 auto;
}
.logo-container{
float:left;
width:50%;
}
.logo{
background-color:#fff;
border-radius:5px;
width:130px;
padding:10px;
min-height:30px;
text-align:center;
line-height:30px;
color:#4d114f;
font-size:23px;
}
.menu{
float:right;
width:50%;
}
.menu-item{
float:right;
font-size:15px;
color:#eee;
width:130px;
padding:10px;
min-height:50px;
text-align:center;
line-height:30px;
font-weight:400;
}
.lead-title{
margin:150px 0 30px 0;
font-size:40px;
}
.sub-lead-title{
max-width:650px;
line-height:30px;
margin-bottom:30px;
color:#c6c6c6;
}
.lead-btn{
margin-top:15px;
padding:10px;
width:190px;
min-height:30px;
font-size:20px;
text-align:center;
letter-spacing:3px;
line-height:30px;
background-color:#d983a6;
border-radius:5px;
transition:all 0.5s ease;
cursor:pointer;
}
.lead-btn:hover{
background-color:#ffffff;
color:#4c114e;
}
.lead-btn:active{
background-color:#4d114f;
color:#fff;
}
.flex-sect{
background-color:#fafafa;
padding:100px 0;
font-family:Helvetica, serif;
}
.flex-title{
margin-bottom:15px;
font-size:2em;
text-align:center;
font-weight:700;
color:#555;
padding:5px;
}
.flex-desc{
margin-bottom:55px;
font-size:1em;
color:rgba(0, 0, 0, 0.5);
text-align:center;
padding:5px;
}
.cards{
padding:20px 0;
display:flex;
justify-content:space-around;
flex-flow:wrap;
}
.card{
background-color:white;
height:300px;
width:300px;
margin-bottom:30px;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);
border-radius:2px;
transition:all 0.5s ease;
font-weight:100;
overflow:hidden;
}
.card:hover{
margin-top:-5px;
box-shadow:0 20px 30px 0 rgba(0, 0, 0, 0.2);
}
.card-header{
height:155px;
background-image:url("//placehold.it/350x250/78c5d6/fff/image1.jpg");
background-size:cover;
background-position:center center;
}
.card-header.ch2{
background-image:url("//placehold.it/350x250/459ba8/fff/image2.jpg");
}
.card-header.ch3{
background-image:url("//placehold.it/350x250/79c267/fff/image3.jpg");
}
.card-header.ch4{
background-image:url("//placehold.it/350x250/c5d647/fff/image4.jpg");
}
.card-header.ch5{
background-image:url("//placehold.it/350x250/f28c33/fff/image5.jpg");
}
.card-header.ch6{
background-image:url("//placehold.it/350x250/e868a2/fff/image6.jpg");
}
.card-body{
padding:15px 15px 5px 15px;
color:#555;
}
.card-title{
font-size:1.4em;
margin-bottom:5px;
}
.card-sub-title{
color:#b3b3b3;
font-size:1em;
margin-bottom:15px;
}
.card-desc{
font-size:0.85rem;
line-height:17px;
}
.blk-sect{
padding-top:100px;
padding-bottom:100px;
background-color:#222222;
font-family:Helvetica, serif;
}
.blk-title{
color:#fff;
font-size:25px;
text-align:center;
margin-bottom:15px;
}
.blk-desc{
color:#b1b1b1;
font-size:15px;
text-align:center;
max-width:700px;
margin:0 auto;
font-weight:100;
}
.price-cards{
margin-top:70px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-around;
}
.price-card-cont{
width:300px;
padding:7px;
float:left;
}
.price-card{
margin:0 auto;
min-height:350px;
background-color:#d983a6;
border-radius:5px;
font-weight:100;
color:#fff;
width:90%;
}
.pc-title{
font-weight:100;
letter-spacing:3px;
text-align:center;
font-size:25px;
background-color:rgba(0, 0, 0, 0.1);
padding:20px;
}
.pc-desc{
padding:75px 0;
text-align:center;
}
.pc-feature{
color:rgba(255,255,255,0.5);
background-color:rgba(0, 0, 0, 0.1);
letter-spacing:2px;
font-size:15px;
padding:10px 20px;
}
.pc-feature:nth-of-type(2n){
background-color:transparent;
}
.pc-regular{
background-color:#da78a0;
}
.pc-enterprise{
background-color:#d66a96;
}
.bdg-sect{
padding-top:100px;
padding-bottom:100px;
font-family:Helvetica, serif;
background-color:#fafafa;
}
.bdg-title{
text-align:center;
font-size:2em;
margin-bottom:55px;
color:#555555;
}
.badges{
padding:20px;
display:flex;
justify-content:space-around;
align-items:flex-start;
flex-wrap:wrap;
}
.badge{
width:290px;
font-family:Helvetica, serif;
background-color:white;
margin-bottom:30px;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
border-radius:3px;
font-weight:100;
overflow:hidden;
text-align:center;
}
.badge-header{
height:115px;
background-image:url("//grapesjs.com/img/bg-gr-v.png"), url("//grapesjs.com/img/work-desk.jpg");
background-position:left top, center center;
background-attachment:scroll, fixed;
overflow:hidden;
}
.badge-name{
font-size:1.4em;
margin-bottom:5px;
}
.badge-role{
color:#777;
font-size:1em;
margin-bottom:25px;
}
.badge-desc{
font-size:0.85rem;
line-height:20px;
}
.badge-avatar{
width:100px;
height:100px;
border-radius:100%;
border:5px solid #fff;
box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2);
margin-top:-75px;
position:relative;
}
.badge-body{
margin:35px 10px;
}
.badge-foot{
color:#fff;
background-color:#a290a5;
padding-top:13px;
padding-bottom:13px;
display:flex;
justify-content:center;
}
.badge-link{
height:35px;
width:35px;
line-height:35px;
font-weight:700;
background-color:#fff;
color:#a290a5;
display:block;
border-radius:100%;
margin:0 10px;
}
*{
box-sizing:border-box;
}
body{
margin:0;
}
#ix3q{
display:none;
}
#ilthv{
display:none;
}
#i0dxl{
display:none;
}
#i32rh{
display:none;
}
#iw0vki{
display:none;
}
#igangf{
display:none;
}
#irfng{
text-shadow:0 0 0 black;
background-image:linear-gradient(#272727,#272727);
background-repeat:repeat;
background-position:left top;
background-attachment:scroll;
background-size:auto;
color:#ffffff;
}
#i90ju{
color:#c42626;
opacity:1;
border:rgba(255,255,255,0.5) rgba(255,255,255,0.55);
}
#i5z6t{
color:#ffffff;
}
#iuu49{
color:#ffffff;
}
#i1au7{
color:#ffffff;
background-image:linear-gradient(#eb1c1c,#eb1c1c);
background-repeat:repeat;
background-position:left top;
background-attachment:scroll;
background-size:auto;
}
#i8nog{
color:#ffffff;
}
#i9dwt{
color:#ffffff;
}
#iiqkm{
color:#281818;
}
#ikxkl{
color:#4f0808;
}
#is7em{
color:#ffffff;
}
#iw2cs{
color:#ffffff;
}
#iqxia{
color:rgba(244,7,7,0.5);
}
#ig3b7{
color:#ffffff;
}
#ie11d{
border:solid #bb0909;
background-image:linear-gradient(#6ae538,#6ae538);
background-repeat:repeat;
background-position:left top;
background-attachment:scroll;
background-size:auto;
}
#iy63g{
background-image:linear-gradient(#8637d5,#8637d5);
background-repeat:repeat;
background-position:left top;
background-attachment:scroll;
background-size:auto;
}
#id4uu{
color:#ffffff;
}
#i1unrh{
background-color:rgba(0, 0, 0, 0.1);
}
#itzlek{
background-color:transparent;
}
#ityo7g{
background-color:rgba(0, 0, 0, 0.1);
}
</style>
<section id="irfng" class="flex-sect">
</section>
<section id="id9d4" class="blk-sect">
</section>
<section id="igangf" class="bdg-sect">
![]()
![]()
![]()
</section>
Fam Jam By Runtime Dev Rules
to keep everything good we have set some rules:
No stealing
You don't like it when other steal from you
Dont take others work and claim them as your own. This does not include art work or models, see following
Art work and modeling
I like this art... it's mine now
You are only allowed to use art work and modells that you've gotten premisson to use. Modeling: models from sites like turbosquid are allowed but links need to be provided. Art work: Credit to the creators needs to be provided, and contact info so we can prove that you're allowed to use it
Think before you do
Don't do anything stupid
Think before you do something
9 total solo/team winners
We have in total 9 winners, 3 in every catogory
Story
Some random list
Winner 1: total points
Wiiner 2: total points
Winner 3: total points
Graphics
Some random list
Winner 1: total points
Winner 2
: total points
Winner 3: total points
Game Play
Some random list
Winner 1: total points
Winner 2: total points
Winner 3: total points
The team
Adam Smith
CEO
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit
f
t
ln
John Black
Software Engineer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit
f
t
ln
Jessica White
Web Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore ipsum dolor sit
f
t
ln