diff --git a/css/style.css b/css/style.css index 5cb025cef..afb1a633a 100755 --- a/css/style.css +++ b/css/style.css @@ -5,7 +5,102 @@ body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; } +h1 { + font-weight:lighter; + text-align: center; +} +h3 { + font-weight: lighter; +} +.navbar { + align-items: center; + background-color: white; + color: grey; + display: flex; + flex-direction: row; + justify-content: space-around; + padding-top: 30px; + +} +.logo-img { +width: 40px; +} + +.list { + list-style-type: none; + display: inline-block; +} +.list :hover { + color: #E67E22; +} +.list-items { + display: inline-block; + padding: 20px; +} +.navbar a { + color: grey; + text-decoration:none +} +.picture { + text-align: center; + background-image: url(''); + background-repeat: no-repeat; + background-position: center; + background-size: cover; + padding: 200px; + margin: 100px; + color: white; +} +.button { + background-color: #E67E22; + border-color: #E67E22; + border-style: solid; + border-radius: 5px; + color: white; + padding: 8px; + justify-content: center; +} +.promotion-logos { + align-items: center; + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 50px; +} +.promo-img { + width: 100px; + height: 100px; +} +.promotion { + text-align: center; +} +.fa { + text-decoration: none; + margin: 20px; +} +.fa-twitter { + color: #00acee; +} +.fa-facebook { + color: #3b5998; +} +.fa-instagram { + color: #f09433; +} +.social-icons { + align-items: center; + display: flex; + justify-content: center; +} +.socials { +text-align: center; +padding: 50px; +} +.copy-right { + color: grey; + font-weight: lighter; +} /** * Add your custom styles below * diff --git a/index.html b/index.html index 3e742ef04..fdcd57280 100755 --- a/index.html +++ b/index.html @@ -8,9 +8,60 @@ + + + + +
+
+

Introducing Karma

+

Bring WIFI with you, everywhere you go.

+ +
+
+ +

Everyone needs a little Karma.

+
+
+ device igm +

Internet for all devices

+
+
+ productivity img +

Boost your productivity

+
+
+ pay img +

Pay as You Go

+
+ +
+