diff --git a/css-demo-master/123.jpg b/css-demo-master/123.jpg new file mode 100644 index 0000000..e6d6243 Binary files /dev/null and b/css-demo-master/123.jpg differ diff --git a/css-demo-master/321.jpg b/css-demo-master/321.jpg new file mode 100644 index 0000000..165a2d2 Binary files /dev/null and b/css-demo-master/321.jpg differ diff --git a/css-demo-master/cew.jpg b/css-demo-master/cew.jpg new file mode 100644 index 0000000..24d01cb Binary files /dev/null and b/css-demo-master/cew.jpg differ diff --git a/css-demo-master/icon.ico b/css-demo-master/icon.ico new file mode 100644 index 0000000..abdc877 Binary files /dev/null and b/css-demo-master/icon.ico differ diff --git a/css-demo-master/main-style.css b/css-demo-master/main-style.css new file mode 100644 index 0000000..9a803e9 --- /dev/null +++ b/css-demo-master/main-style.css @@ -0,0 +1,66 @@ +*{ + +font-family: "geogia"; + font-weight: bold; +flood-color: + +} + +nav { +position:fixed; +background-color: #990012 +top:0; +width:100%; +} + +body { + +background-color: #810541; + +} + +img{ + + width: 200px; + height: 200px; + border-radius: 50% + + +} +nav p a{ + +text-decoration: none; +color: black; +padding-right: 10px; +margin: 5px; +border: #493D26 0.5px solid; + +} + +nav p a:hover{ +border:#131112 0.5px solid; + + +} + +header{ + + margin-top: 50px; +} +#profile{ + border-radius: 50%; + width:200%; + height: 200%; +} +#featured-images{ + display: grid; + grid-template-columns: 100%; + grid-row-gap: 40px; +} +.row1{ + text-align: center; +} +.row2 { + display: flex; + justify-content: space-around; +} diff --git a/css-demo-master/profile.html b/css-demo-master/profile.html new file mode 100644 index 0000000..c164dae --- /dev/null +++ b/css-demo-master/profile.html @@ -0,0 +1,95 @@ + + + + + + +
+My Profile + + + + + + + + + +

My Profile page

+ + +

Mark Christopher Sales(bakal)

+bakalman + +

Personal Information

+
+
+
+ +

Sales, Mark Christopher

+

September 4, 2002

+

#19-C P.Burgos San Isidro Village 1 Concepcion Uno Marikina City

+
+ +
+
+
+

Educational Background

+

Went to Hermogenes Bautista Elementary School(2009-2015)

+

Went to Santa Elena High School(2015-2019)

+
+ +
+
+
+

Hobbies and Interest

+

I love playing computer games

+

I spend my day on school when in weekends I spend my day on my house

+ +
+ +
+
+
+

Something about myself

+

I really want to have my own gaming laptop or computer

+

I want to be with my girl for my lifetime

+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/css-demo-master/rew.jpg b/css-demo-master/rew.jpg new file mode 100644 index 0000000..cb2365c Binary files /dev/null and b/css-demo-master/rew.jpg differ diff --git a/css-demo-master/temp.css b/css-demo-master/temp.css new file mode 100644 index 0000000..94a36eb --- /dev/null +++ b/css-demo-master/temp.css @@ -0,0 +1,28 @@ +*{ + font-family: "geogia" +} + +main section{ + background-color: #92a8d1; + +} +main section:nth-child(odd){ +background-color: #fefbd8 +} +main { + display: grid; + grid-template-columns: 30% 30% 30% + grid-template-row:; + + +} +.box1{ +width: 20% +} +.box2{ + +width: 20% +} +.box3{ +width: 20% +} \ No newline at end of file diff --git a/css-demo-master/temp.html b/css-demo-master/temp.html new file mode 100644 index 0000000..5fd114a --- /dev/null +++ b/css-demo-master/temp.html @@ -0,0 +1,75 @@ + + + + + Layout + + + +
+
+
Box 1 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+
+
Box 2 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+
+
Box 3 +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+ +
+
Box 1 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+
+
Box 2 + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+
+
+
Box 3 +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+ + + + + + + \ No newline at end of file diff --git a/css-demo-master/wer.jpg b/css-demo-master/wer.jpg new file mode 100644 index 0000000..4a169c6 Binary files /dev/null and b/css-demo-master/wer.jpg differ diff --git a/css-demo-master/wsu-css-cheat-sheet-gdocs.pdf b/css-demo-master/wsu-css-cheat-sheet-gdocs.pdf new file mode 100644 index 0000000..68022a4 Binary files /dev/null and b/css-demo-master/wsu-css-cheat-sheet-gdocs.pdf differ