diff --git a/cow.jpeg b/cow.jpeg new file mode 100644 index 0000000..6612514 Binary files /dev/null and b/cow.jpeg differ diff --git a/index.html b/index.html index 742ddfe..cbddb25 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,15 @@ - test! + Sinny's Portfolio -

hello

+
+

welcome to my website

+ cow +

click here to see it

+ +
diff --git a/scripts/script.js b/scripts/script.js new file mode 100644 index 0000000..e69de29 diff --git a/styles/site.css b/styles/site.css index 73de3b7..7eba1d9 100644 --- a/styles/site.css +++ b/styles/site.css @@ -1,116 +1,10 @@ -body { - font-family: serif; +body{ + background-color: #FFD5D6; + border: 2px dotted white; } -/*headers*/ - -.title-color h1 { - background-color: rgb(107, 200, 236); -} - - h1 { - margin: 0; - font-size: 28pt; - padding: 18px 50px; - color: rgb(0, 0, 0); - background-color: rgb(168, 207, 224); - border: 2px solid #000000; - - - -} - -h2 { - margin: 0; - padding: 18px 50px; - background-color:#d5edf0; - border: 2px solid #000000; - color: black - - - -} - -h3{ - margin: 0; - font-size: 15pt; - padding: 10px; - color: rgb(0, 0, 0); - background-color: #d5edf0; - border: 2px solid #000000; -text-align: center; -} - -em{ - - font-size: 10pt; - padding: 2px 100px; - color: rgb(0, 0, 0); - background-color: #c8e9f0; - text-align: center; - border: 2px solid #000000; - - -} - -p{ - margin: 0 auto; - height: 320px; - font-size: 10pt; - padding: 50px 50px; - color: rgb(0, 0, 0); - border: 2px solid #000000; - background-color: #DAF0F7; - word-spacing:10px - -} - - -/* navigation menu */ -nav ul { - margin: 0; - padding: 0; -} - -nav ul li { - list-style: none; - border: 2px solid black -} - -nav ul li a { - display: block; - padding: 16px 50px; - background-color: rgb(180, 232, 240); - color: rgb(0, 0, 0); - font-size: 18px; - font-weight: bold; - text-decoration: none; -} - -nav ul li a:hover { - padding-bottom: 8px; - background-color: rgb(0, 77, 95); - border-top: 8px solid black; - color:white; -} - -/*image*/ - -img { - border: 2px solid #000000; - padding:10px ; - height: 200px; - display: inline; - -} - - -.content-container { - display: flex; - justify-content: space-between; - -} -.text-content { - flex: 1; - padding: 10px; -} +.home-page p { + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + color:aqua + +} \ No newline at end of file