Code Base Project PDF

Preview

Summary

CodeBase Project 1...

Description

Name Professor Dr. xxxxxx IMED-1341.WW1: Interface Design 23 October 2019

CodeBase Project HTML/CSS





Youth With A Mission







YWAM Recife- Show de Bola YWAM Tyler - Texas YWAM Africa

YWAM- Amazon Reach Brazil

SOMOS MAIS QUE VENCEDORES - WE ARE MORE THAN CONQUERORS This is the story of the YWAM Recife soccer school called 'Show de Bola'. It's a story about courage against all odds, a vision and a dream. The dream was born in the heart of an ex-street boy named Flavio.

Against all odds?

Flavio came to us at age ten. He required major surgery even to be able to walk. He also has a debilitating skin disease that the doctor s told us would claim his life in his early twenties. Not so. Flavio's dream of a soccer team right here on the base expanded from just two socc er balls and a group of ex-street boys into a formidable force that is no w claiming ground for the Kingdom of God. Imagine this . . . YWAM Recife are now utilising the Brazilian national sport, socc er to reach children and adolescents in the community and teach moral and family values. About 100 students between 8 and 20 years old are enrolled each year in our soccer school. These are divided into 5 categories according to age. There are two days of class each week and one day of discipleshi p by category. We train them in the sport they love and at the same t ime we teach them who Jesus is and how to pray. In addition, we have bo th family and school participation days, and we compete in various championships in Camaragibe and Recife at the weekends.

The Show de Bola project has been running now for 10 years and w e rejoice in what God has done in our midst!



Reaching over 100 students between 8 and 20 years old.



I was one of the coaches from 2010-2013.



We are more than conquerors

Hope House - Casa Esperança



Casa Esperanca-Because hope is all they need

Casa Esperança is our home for children between the ages of 6 an d 12, who undergo a family and social reintegration program. Our progr am basically works in six areas:

Spiritual educational family physical social professional

Personally, being able to help and be part of those children development, is indescribable. Living with them and sharing the most basic aspect of life confront our world and break barriers build in our own life style. I was an eye-witness of the transformation power of our God, and the unpeacable grace, brought by Jesus Christ, that cer tanly, reachs the most dark and abscure places. There is no place in he aven, nor in earth, and no situation that God's grace will not reach.

Hope House at the YWAM base in Recife, Brazil

Play time later

Oh yes, it is lunch time!



YWAM Recife Brazil; Rua Josadark Alves de França 11, Santa Mônic a; Camaragibe – Pernambuco / Brazil, CEP 54767-620 Phone: 55 (81) 3458-2684 – Office -Monochromatic-



CSS:

@charset "utf-8"; @font-face { font-family: Quicksand;

src: url('Quicksand-Regular.woff') format('woff'), url('Quicksand-Regular.ttf')format('truetype'); } /*Menu*/ ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: rgba(204, 234, 252, 0.96); } nav li { float: left; } li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover:not(.active) { background-color: rgb(132, 183, 235); } .active { background-color: rgb(132, 183, 235); } /* HTML and Body Styles */ html

{ background-color: rgb(132, 183, 235); }

body { color: rgb(91,91,91); background-color: rgba(255, 255, 240, 0.93); font-family: Verdana, Geneva, sans-serif; max-width: 1080px; margin: auto; }

/* Heading Styles */ #main-header{ text-align: center; } #logo { max-width: 200px; margin: 10px; } p{ margin: 20px; }

h1 { font-size: 2.0em; margin: 5px;

clear: both; }

h2 { font-size: 1.5em; margin: 5px; clear: both; } h3, h4 { margin: 10px; } h4#emphasis{ font-style: italic; font-size: 100%; color: rgb(101, 101, 101); margin: 50px; padding: 2px; border: 15px double rgba(204, 234, 252, 0.96); clear: both; } h1, h2, h3, h4 { font-family: Quicksand, Verdana, Geneva, sans-serif; letter-spacing: 0.1em; } /* Article*/ article.project h1, article.project h2 { background-color: rgba(204, 234, 252, 0.4); color: rgb(101, 101, 101);

} /*ShowdeBola*/ #flaviopic{ border: solid rgb(132, 183, 235); border-radius: 15px 50px; float: right; margin-left: 10px; margin-right: 10px; } .bola{ border-radius: 25px; } div.ShowdeBola figure{ margin: 5px; border: 1px solid #0346AA; width: 300px; display: inline-block; vertical-align: top; margin: 0 15px; border-radius: 25px; } div.ShowdeBola{ text-align: center; } div.ShowdeBola figure:hover { border: 1px solid #777; } div.ShowdeBola img { width: 100%;

height: auto; } div.desc { padding: 15px; text-align: center; }

/*Image Galery*/ div.gallery figure{ margin: 5px; border: 1px solid #0346AA; width: 300px; display: inline-block; vertical-align: top; margin: 15px 15px; border-radius: 25px; } div.gallery{ text-align: center; } div.gallery figure:hover { border: 1px solid #777; } div.gallery img { width: 100%; height: auto; border-radius: 25px; } div.desc { padding: 15px;

text-align: center; } #casaEsperanca{ float: left; width: 400px; height: auto; margin-right: 10px; border-radius: 110px; -webkit-filter: grayscale(70%); filter: grayscale(70%); }

/* Navigation Styles */ nav { font-size: 0.8em; } nav > ul { line-height: 2em; list-style-type: none; padding-left: 5px; } nav > ul > li.newgroup { margin-top: 20px; }

nav > ul > li > a:link, nav > ul > li > a:visited { color:rgb(101, 101, 101); font-weight: bold;

text-decoration: none; } nav > ul > li > a:hover, nav > ul > li > a:active { color: rgb(51, 50, 50); text-decoration: underline; }

/* List Styles */ ol#areas { list-style-type: none !important; }

/* Footer Styles */ #ColorScheme{ color:rgba(255, 255, 240, 0.93); font: normal small-caps bold 0.9em/3em Quicksand, Verdana, Geneva, sans-serif; text-align: right; clear: both; } body > footer address { background-image:linear-gradient(to bottom, rgba(6, 50, 145, 0.93), rgba(77, 128, 236, 0.93), rgba(109, 152, 245, 0.93)); color:rgba(255, 255, 240, 0.93); font: normal small-caps bold 0.9em/3em Quicksand, Verdana, Geneva, sans-serif; text-align: center;

clear: both; }...