diff --git a/Chinese-Garden.jpg b/Chinese-Garden.jpg new file mode 100644 index 0000000..b4290a3 Binary files /dev/null and b/Chinese-Garden.jpg differ diff --git a/README.md b/README.md index 7bc2383..e5df78b 100644 --- a/README.md +++ b/README.md @@ -3,6 +3,8 @@ assignment_viking_css_garden A place for your styling creativity to grow +Hi.. This is Lakshmi Maduri + **NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.* diff --git a/index.html b/index.html index 3a88ff2..b9498d8 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Viking CSS Garden - + diff --git a/style.css b/style.css index 64192bc..eb33609 100644 --- a/style.css +++ b/style.css @@ -3,8 +3,74 @@ * ----------------------------------- */ +body{ + background-color:coral; +} +#main-header{ + background-image: url("./Chinese-Garden.jpg"); + font-size:250%; + width:100%; + height:600px; + position: relative; +} +header{ + font-family: "Times New Roman", fantasy; +} +.site-title{ + text-align:center; + vertical-align:middle; + line-height: 200px; + color:blueviolet; +} +.tagline{ + text-align:center; + vertical-align:middle; + line-height:200px; + color:hotpink; +} +.main-content-section{ + float:left; +} + +.section-title{ + background-color:aliceblue; +} + +nav{ + position:relative; + z-index:1000; + top:0; + bottom:0; + width:200px; + height: 300px; + background-color:crimson; + animation-name:example; + animation-duration:4s; +} + +@keyframes example{ + from{background-color:crimson} + to{background-color:darkgreen} +} + +nav ul{ + list-style:none; +} + +nav ul li a{ + text-decoration:none; + display:block; + text-align:center; + color:#fff; + padding:10px 0; + vertical-align:middle; +} + +.main-content-section{ + background-color:cornflowerblue; +} \ No newline at end of file