Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@ assignment_viking_css_garden
============================

A place for your styling creativity to grow

Victor Onaopemipo Komolafe
i want to add something else here

**NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.*

3 changes: 3 additions & 0 deletions anotherReadme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
#Started practicing git again...
lets see how that goes
okay imma add something again
1 change: 1 addition & 0 deletions assignment_viking_css_garden
Submodule assignment_viking_css_garden added at d6701e
Binary file added image/maxresdefault.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added image/norse mythology.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 5 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,14 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Viking CSS Garden</title>

<link rel="stylesheet" href="/style.css">
</head>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Courgette&display=swap" rel="stylesheet">
<title>Viking CSS Garden</title>
</head>
<body>

<!-- Main Header -->

<header id="main-header">
<h1 class="site-title">Viking CSS Garden</h1>
<h2 class="tagline">A place for your styling creativity to grow</h2>
Expand Down Expand Up @@ -77,4 +77,3 @@ <h2 class="section-title">Other Gardens</h2>
</aside>
</body>
</html>

1 change: 1 addition & 0 deletions practice1
Submodule practice1 added at 78f023
116 changes: 112 additions & 4 deletions style.css
Original file line number Diff line number Diff line change
@@ -1,10 +1,118 @@
/* ----------------------------------- *
* Your Styles Here
* ----------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: Courgette fantasy sans-serif helvetica;
font-size: 18px; margin-bottom: 0%; margin-top: 0.2em;background-image: url(image/maxresdefault.jpg);background-repeat: no-repeat;
background-size: cover; background-position: center;
}

#main-header{
background: rgb(7, 1, 43);
color: rgb(231, 229, 235); text-align: center;
margin: 0%; padding: 0%; border-radius: 15px; box-sizing: border-box;height:5em;

}
.site-title{
font-style: fantasy; font-size: 45px;text-indent: 20px; font-weight: bolder; text-transform:uppercase; padding:5px 5px 3px 5px; margin: 20px 20px 0px 20px;border-radius: 15px;
background-color: rgba(108, 223, 214, 0.603);
float: left;
}
.tagline{
font-style: italic; font-size:20px; color: rgb(241, 244, 248);border-bottom: 3px solid black; border-bottom-width: 3px; margin:20px;
float: right;position: relative;
}
#main-content{
width: 80%;margin-top: 20px;background-color: rgba(85, 130, 141, 0.404);border-radius:15px;clear: both;
}
h2.section-title{
font-style: helvetica; font-size: 1.5em; text-align: left; color: rgb(246, 248, 147); margin:10px 20px 5px 20px;padding:7px 20px 5px 20px;
display: block;font-weight: bold;

}
.section-content{
width:100%;
}
p {
color:rgb(10, 10, 0); line-height: 1.6em; padding: 4px 7px 4px 7px;margin-left:1.5em;margin-right:1.5em;background-color: rgba(225, 226, 233, 0.308);border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;
font-size:25px;
}
a:link{
color: deepskyblue;
}

h1.site-title:hover{
color: rgb(4, 4, 68)
}
#sidebar{
width: 100; margin: auto;background-color: rgba(48, 32, 94, 0.822);position: absolute; top: 13%; left: 80%; border-radius: 15px;
}
#sidebar h2.section-title {
color: black; color: rgb(218, 165, 32); font-style: italic;
}

.nav-links{
margin: 0;
padding: 0;
list-style: none;

}
.nav-link-list-item {
display: block;box-sizing: border-box;
margin: 50px 50px 80px 50px; padding: 0px 50px 0px 10px; font-size: 24px;
}

a:visited{
color: brown;
}
a:hover{
color: antiquewhite;
}