From af458cda966e7ca2be6c477212a1881bf1512ea1 Mon Sep 17 00:00:00 2001 From: Justine Kate Catid Miras Date: Tue, 28 Nov 2023 05:13:20 +0000 Subject: [PATCH] Upload files to '' --- index.css | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 84 ++++++++++++++++++++++++++++++++++++++++++ justine.html | 90 +++++++++++++++++++++++++++++++++++++++++++++ kkk.index | 84 ++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 359 insertions(+) create mode 100644 index.css create mode 100644 index.html create mode 100644 justine.html create mode 100644 kkk.index diff --git a/index.css b/index.css new file mode 100644 index 0000000..5614676 --- /dev/null +++ b/index.css @@ -0,0 +1,101 @@ +* { + font-family: "Courier New", monospace; + font-size: 20px; +} + +body{ + background-color: skyblue; + +} +/* it is scrolling down not jumping it immidiately more presentable*/ +html{ + scroll-behavior: smooth; +} + +nav { + background-color: whitesmoke; + +} + + + +div{ + float: right; + +} + +h1{ + text-align: center; + font-size: 2rem; +} + + +section { + /*view height it will adjust the height of a brwser 100% height*/ + height: 100vh; + /*all the text has been align in the center all the section in html*/ + text-align: center; + +} + +h2{ + font-size: 1.5rem; + +} + + +/* this is the example of adjacent sibling selector, selecting +multiple type selectors,id, classes etc.. slectors must be right beside each other. */ + +h3 + img { + height: 300px; + width: 300px; + border-radius: 150px; +} + +ol{ + list-style-type: none; + padding: 0; +} + +#zuitt-motto { + letter-spacing: 5px; +} + +.offering-item { + text-transform: uppercase; +} + +/* the white space between the class is called descendant selector, +the .bootcamp-offering-list is the parent and the li is the child. */ + +.bootcamp-offering-list li{ + color: #075966; +} + +/*general sibling selector is being used. the other achor tag was not included in the +style because they have different parent and h2 and a has the same parent */ +h2 ~ a, a { + text-decoration: none; +} + +.modules { + letter-spacing: 3px; +} + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..d86cecc --- /dev/null +++ b/index.html @@ -0,0 +1,84 @@ + + + + + + + + + S14 - Activity + + + + + + + +
+
+

Welcome to My Website

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+
+ + + +
+
+
+
+

About Us

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nisi et sem eleifend aliquet. Fusce interdum rutrum ipsum, non feugiat risus consectetur eu. Nulla sodales orci et mi ultrices, at mattis leo gravida. Curabitur non dapibus orci.

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

Web Development

+

We provide professional web development services.

+ +
+
+ +
+
+

Graphic Design

+

Our talented designers create stunning graphics for your brand.

+
+
+ +
+
+

Digital Marketing

+

We help businesses grow their online presence.

+
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/justine.html b/justine.html new file mode 100644 index 0000000..2c6efc9 --- /dev/null +++ b/justine.html @@ -0,0 +1,90 @@ + + + + + + + + + Forms + + + +