diff --git a/PR.css b/PR.css new file mode 100644 index 0000000..832676c --- /dev/null +++ b/PR.css @@ -0,0 +1,102 @@ + +h1 { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + margin: 0; + /* margin-top: 2em; + margin-bottom: 2em; + margin-left: 0; + margin-right: 0; */ +} + +h3 { + margin: 0; +} + + +.container-3 { + background-color: #c6d8f3; + padding: 2rem; + margin-bottom: 0%; + display: flex; + flex-direction: row; + align-items: center; + border-radius: 0em; + text-align: left; + +} + +.img-container-3 { + margin: 5px; + padding:1px; +} + +.img-container-3 img{ + width: 40px; + height: 45px; + margin: 1px; +} + +.container-4 { + background-color: #00c9ec; + padding: 1em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: flex-start; + border-radius: 1em; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + +.container-5 { + background-color: transparent; + padding: 0.3em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: center; + border-radius: 1em; + width: 100%; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + + +body { + display: flex; + align-items: center; + justify-content: center; + background-color: rgb(81, 140, 218); +} + +.container { + width: 80%; + text-align: center; +} + + + +.img-container img { + width: 100%; + height: 100%; + +} + +.img-container { + width: 13%; + height: 13%; + margin: 5px; + +} + + +.image-header { + width: 100%; + height: 200%; + margin-right: auto; +} + + + + + diff --git a/PR.html b/PR.html new file mode 100644 index 0000000..5a8c4ee --- /dev/null +++ b/PR.html @@ -0,0 +1,43 @@ + + + + + + + + > + + + +
+ +
+
+ +
+

Industrial Computer Laboratory

+
+
+ +
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/hafiz.css b/hafiz.css new file mode 100644 index 0000000..d319e3d --- /dev/null +++ b/hafiz.css @@ -0,0 +1,213 @@ +table, +th, +td { + border: 5px solid red; + border-collapse: collapse; + padding: 10px; +} + +h1 { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + margin: 0; + /* margin-top: 2em; + margin-bottom: 2em; + margin-left: 0; + margin-right: 0; */ +} + +h3 { + margin: 0; +} + +.container-1 { + background-color: #4a5cff; + padding: 1em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: start; + border-radius: 1em; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + +.container-2 { + background-color: #3a2cdd; + padding: 1rem; +} + +.container-3 { + background-color: #d2cfcf; + padding: 3rem; + margin-bottom: 2%; +} + +.container-4 { + background-color: #4a5cff; + padding: 1em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: start; + border-radius: 1em; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + +.container-5 { + background-color: transparent; + padding: 0.3em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: center; + border-radius: 1em; + width: 100%; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + +.container-6 { + width: 120%; + padding: 5px; + text-align: start; +} + +.tabel-biasa { + border: 1px solid black; + border-collapse: collapse; + padding: 10px; + width: 80%; + margin: auto; + font-family: 'Roboto'; + font-size: 24px; + font-weight: 500; + color: black; +} + +.tabel-biasa>th, +td { + border: 1px solid black; + border-collapse: collapse; + padding: 10px; + width: 80%; + font-family: 'Roboto'; + font-size: 24px; + font-weight: 500; + color: black; +} + +.tabel-biasa>td, +th { + border: 1px solid black; + border-collapse: collapse; + padding: 10px; + width: 80%; + font-family: 'Roboto'; + font-size: 24px; + font-weight: 500; + color: black; +} + +body { + display: flex; + align-items: center; + justify-content: center; + background-color: purple; +} + +.container { + width: 100%; + text-align: center; +} + +.title-besar { + margin-left: 5%; + font-family: 'Roboto'; + font-size: 96px; + font-weight: 900; + color: white; +} + +.subtitle-kecil { + font-family: 'Roboto'; + font-size: 36px; + font-weight: 500; + color: white; + text-align: start; +} + +.img-container img { + width: 100%; + height: 100%; + +} + +.img-container { + width: 13%; + height: 13%; + margin: 5px; + +} + +.img-container2 img { + width: 100%; + height: 100%; + +} + +.img-container2 { + width: 13%; + height: 13%; + padding: 1em; + +} + +.image-header { + width: 100%; + height: auto; + margin-right: auto; +} + +.striped-border { + border: 1px solid #000; + background-color: #000; + margin: auto; + margin-top: 3%; + margin-bottom: 1%; +} + +.link-container { + margin: auto; + width: 38%; + height: 13%; + + +} + +.title-kecil { + margin: auto; + font-family: 'Roboto'; + font-size: 23px; + font-weight: 900; + color: white; + padding: 3%; +} + +.ref-link { + color: aqua; + text-decoration-line: none; + text-align: justify; +} + +.butt-ref { + padding: 2%; + background-color: transparent; + border: 0.5px solid turquoise; +} + +.media { + color: whitesmoke; + text-decoration-line: underline; + width: 100%; +} \ No newline at end of file diff --git a/hafiz.html b/hafiz.html new file mode 100644 index 0000000..03d4cea --- /dev/null +++ b/hafiz.html @@ -0,0 +1,125 @@ + + + + + + + + + Halo ICl + + + +
+ + +
+
+ +
+

Halo ICL!

+
+
+

Data Asisten ICL 2018

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NamaKotaHobi
Febrio AkbarTangerang SelatanBernyanyi
Aliya QurrotaJemberMelukis
Aliya QurrotaJemberMelukis
Aliya QurrotaJemberMelukis
Aliya QurrotaJemberMelukis
+
+
+

Media Player

+
+
+ +
+
+
+ +
+ Heiwa San ยท Indonesia Utaite
+
+
+
+ +
+
+ +
+
+
+ +
+
+
+
+ +
+ +

Industrial Computer Laboratory

+ +
+ + | + + | + + +
+
+
+
+ + + \ No newline at end of file diff --git a/index.css b/index.css index 9dd100e..0e52ab0 100644 --- a/index.css +++ b/index.css @@ -1,7 +1,97 @@ -table, -th, -td { - border: 1px solid black; - border-collapse: collapse; - padding: 10px; + +h1 { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + margin: 0; + /* margin-top: 2em; + margin-bottom: 2em; + margin-left: 0; + margin-right: 0; */ +} + +h3 { + margin: 0; +} + + +.container-3 { + background-color: #c6d8f3; + padding: 2rem; + margin-bottom: 0%; + display: flex; + flex-direction: row; + align-items: center; + border-radius: 0em; + text-align: left; + +} + +.img-container-3 { + margin: 5px; + padding:1px; +} + +.img-container-3 img{ + width: 40px; + height: 45px; + margin: 1px; +} + +.container-4 { + background-color: #00c9ec; + padding: 1em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: flex-start; + border-radius: 1em; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + +.container-5 { + background-color: transparent; + padding: 0.3em; + margin: 5px 1px 5px 1px; + display: flex; + flex-direction: row; + align-items: center; + border-radius: 1em; + width: 100%; + /* justify-content: space-between; */ + /* margin: 1rem; */ +} + + +body { + display: flex; + align-items: center; + justify-content: center; + background-color: rgb(81, 140, 218); +} + +.container { + width: 80%; + text-align: center; +} + + + +.img-container img { + width: 100%; + height: 100%; + +} + +.img-container { + width: 13%; + height: 13%; + margin: 5px; + +} + + +.image-header { + width: 100%; + height: 200%; + margin-right: auto; } diff --git a/index.html b/index.html index 361ff71..c6b43e8 100644 --- a/index.html +++ b/index.html @@ -1,31 +1,43 @@ - - - - - - Halo ICl - - -

Halo ICL!

-

Data Asisten ICL 2018

- - - - - - - - - - - - - - - - -
NamaKotaHobi
Febrio AkbarTangerang SelatanBernyanyi
Aliya QurrotaJemberMelukis
- - + + + + + + + + + +
+ +
+
+ +
+

Industrial Computer Laboratory

+
+
+ +
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ + + \ No newline at end of file