diff --git a/about.html b/about.html new file mode 100644 index 0000000..0b2e4bf --- /dev/null +++ b/about.html @@ -0,0 +1,116 @@ + + + + + + + + + + My Journey + + + + + + + + +
+
+
+

My Journey

+
+ + + +
+
+ +
+
+

+ + +

+

Where It All Began

+ +
+ + +
+ + + +
+
+

Go placidly amid the noise and haste, and remember what peace there may be in silence.

+ + +
+ +
+ +
+
+

+ + +
+ + +
+ +
+
+
+ +

Expectations

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+
+
+ +

The impact

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+
+
+ +

The only way

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..58aee8f --- /dev/null +++ b/index.html @@ -0,0 +1,113 @@ + + + + + + + + + + My Journey + + + + + + + + +
+
+
+

My Journey....

+
+ + + +
+
+ +
+
+

+ + +

+

Watch This Space

+

We are approaching a new age of synthesis. Knowledge cannot be merely a degree or a skill... it demands a broader vision, capabilities in critical thinking and logical deduction without which we cannot have constructive progress.

+
+ + +
+ + +
+
+

myCallThomas@gmail.com

+ + +
+ +
+ +
+
+ +

+
+ + +
+ +
+
+
+

Expectations

+

To be creative and consrtuctive

+
+
+ +

The impact

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+
+
+ +

The only way

+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..ebf5dd7 --- /dev/null +++ b/style.css @@ -0,0 +1,182 @@ +body { + font-family: 'Slabo 27px', serif; + padding: 0; + margin: 0; + background-color: #f4f4f4; + +} + +.container{ + width: 80%; + margin: auto; + overflow: hidden; + +} + +ul{ + margin: ; + padding: ; +} + +/*header*/ + +header{ + background-color: #CECCCC; + color: #ffffff; + min-height: 50px; + +} + + +header a{ + color:#ffffff; + text-decoration: none; + text-transform: uppercase; + font-size: 16px; +} + +header li{ + float: left; + display: inline; + padding: 0px 20px 20px 20px; +} + +header #title{ + float: left; +} + +header #title h1{ + margin: 0; +} + +header nav{ + float: right; + margin-top: 10px; +} + +header .highlight, header .current a { + color: #000; + font-weight: bold; + +} + +header a:hover{ + color: #fff; + font-weight: bold; +} + +#mycall{ + padding-left: 30px; +} + +/*Showcase*/ +#showcasehome{ + min-height: 400px; + background: url("computer-beat.jpg") no-repeat center; + background-size: cover; + text-align: center; + color: #000; +} + +#showcasehome h1{ + margin-top: 100px; + font-size: 30px; + margin-bottom: 10px; +} +#showcasehome p{ + font-size: 20px; +} + +#showcase{ + min-height: 400px; + background: url("backgroundlap.jpg") no-repeat center; + background-size: cover; + text-align: center; + color: #000; +} + +#showcase h1{ + margin-top: 100px; + font-size: 30px; + margin-bottom: 10px; +} +#showcase p{ + font-size: 20px; +} + +/* About page*/ + +#showcase1{ + min-height: 400px; + background: url("computer-brain.jpg") no-repeat center; + background-size: cover; + text-align: center; + color: #000; +} + +#showcase1 h1{ + margin-top: 100px; + font-size: 30px; + margin-bottom: 10px; +} +#showcase1 p{ + font-size: 20px; +} + +#showcase2{ + min-height: 400px; + background: url("desktop.jpg") no-repeat center; + background-size: cover; + text-align: center; + color: #000; +} + +#showcase2 h1{ + margin-top: 100px; + font-size: 30px; + margin-bottom: 10px; +} +#showcase2 p{ + font-size: 20px; +} + +/*Newsletter*/ +#newsletter{ + padding: 15px; + color: #fff; + background: #CECCCC; +} + +#newsletter h1{ + float: left; +} + #newsletter form{ + float: right; + margin-top: 15px; + } + + + + +#boxes{ + margin-top: 20px; +} + +#boxes .box{ + float: left; + text-align: center; + width: 30%; + padding: 10px: +} + +#space{ + padding: 70px; +} + +footer{ + padding: 20px; + margin-top: 20px; + color: #fff; + background-color: #CECCCC; + text-align: center; +}