diff --git a/Layson-Heaven/Bisaya.png b/Layson-Heaven/Bisaya.png new file mode 100644 index 0000000..beceb99 Binary files /dev/null and b/Layson-Heaven/Bisaya.png differ diff --git a/Layson-Heaven/ProfilePage.html b/Layson-Heaven/ProfilePage.html new file mode 100644 index 0000000..15f21d3 --- /dev/null +++ b/Layson-Heaven/ProfilePage.html @@ -0,0 +1,110 @@ + + + + + Profile Page + + +

My Profile

+
+

Heaven Layson + 
(Master)

+

Personal Information

+ +

Educational Backround

+ +

Hobbies and Interest

+ +

Something about my self

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

Table For My Favorite Movies

Movie TitleDirectorYear Released
Wreck It RalphRalph Joseph S. Daguro2019
Mission ImpossibleBrad Bird1996
UpPete Docter2009
Resident EvilPaul W. S. Anderson2016
Ice Age*Mark Christoper Sales2018
+
* with Awards
+
+ + + + + + + + + + diff --git a/Layson-Heaven/asddsa.jpg b/Layson-Heaven/asddsa.jpg new file mode 100644 index 0000000..0d67933 Binary files /dev/null and b/Layson-Heaven/asddsa.jpg differ diff --git a/Layson-Heaven/daguro.png b/Layson-Heaven/daguro.png new file mode 100644 index 0000000..36270f1 Binary files /dev/null and b/Layson-Heaven/daguro.png differ diff --git a/Layson-Heaven/sales.jpg b/Layson-Heaven/sales.jpg new file mode 100644 index 0000000..2f9a808 Binary files /dev/null and b/Layson-Heaven/sales.jpg differ diff --git a/Layson-Heaven/style.css b/Layson-Heaven/style.css new file mode 100644 index 0000000..bfcfd70 --- /dev/null +++ b/Layson-Heaven/style.css @@ -0,0 +1,92 @@ +@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap'); + + +*{ + font-family: 'Shadows Into Light', cursive; + +} +main section { + background-color: #eee; +} + +main section:nth-child(odd){ + background-color: #eee; +} +main { + display: grid; + grid-template-columns: 30% 30% 30%; + grid-template-rows: 50% 50%; + +} + +.box1{ + /*flex: 1; + order: 1;*/ + width: 20%; +} + +.box2{ + /*flex: 1; + order: 3;*/ + width: 30% +} + +.box3{ + /* flex: 3; + order: 2;*/ + width: 40% +} + +#featured-images { + display: grid; + grid-template-columns: 100% + grid-row-gap: 40px; +} + +.row1 { + text-align:center; +} + +body{ + + background-color: #F3A712; +} + +h1{ + + color: #2978a0; + font-size: 90px; +} + +.imageClass { + + width: 200px; + height: 200px; + border-radius: 50%; +} + +header * { + display: inline; + vertical-align: top; +} + +nav p a{ + text-decoration: none; + color: black; + padding-right: 20px; + border: blue 0.5px solid; + margin: 5px; +} + +nav p a:hover{ + + border:#2978a0 0.5px solid; +} + +nav{ + float:left; + position: fixed; + top: 0; + width: 100%; +} + diff --git a/Layson-Heaven/temp.css b/Layson-Heaven/temp.css new file mode 100644 index 0000000..07e5be8 --- /dev/null +++ b/Layson-Heaven/temp.css @@ -0,0 +1,51 @@ +*{ + font-family: Times-New-Roman; +} + +main section { + background-color: #eee; +} + +main section:nth-child(odd){ + background-color: #eee; +} +main { + display: flex; + justify-content: space-between; +} + +.box1{ + flex: 1; + order: 1; + width: 20%; +} + +.box2{ + flex: 1; + order: 3; + width: 30% +} + +.box3{ + flex: 3; + order: 2; + width: 40% +} + + + + + + + + + + + + + + + + + + diff --git a/ProfilePage.html b/ProfilePage.html new file mode 100644 index 0000000..151dee1 --- /dev/null +++ b/ProfilePage.html @@ -0,0 +1,175 @@ + + + + + Profile Page + + +

My Profile

+Go to Bottom Page Bottom +
+

Heaven Layson + 
(Hemel)

+

Personal Information

+ +

Educational Backround

+ +

Hobbies and Interest

+ +

Something about my self

+
+

TIP: SHORCUT WAY TO DO THE THING FAST PRESS "ALT + F4"

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

Table For My Favorite Movies

Movie TitleDirectorYear Released
Wreck It RalphRalph Joseph S. Daguro2019
Mission ImpossibleBrad Bird1996
UpPete Docter2009
Resident EvilPaul W. S. Anderson2016
Ice Age*Mark Christoper Sales2018
+
* with Awards
+
+ + + + +
+
+
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 4 + 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 5 + 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 6 + 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. +
+
+ +
+ + + + +Go to Top Page Bottom + +