diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..b2e7297 Binary files /dev/null and b/.DS_Store differ diff --git a/Asset/ARIEF.png b/Asset/ARIEF.png new file mode 100755 index 0000000..3655c94 Binary files /dev/null and b/Asset/ARIEF.png differ diff --git a/Asset/wp4960725-green-anime-wallpapers.jpg b/Asset/wp4960725-green-anime-wallpapers.jpg new file mode 100644 index 0000000..e681b17 Binary files /dev/null and b/Asset/wp4960725-green-anime-wallpapers.jpg differ diff --git a/index.css b/index.css deleted file mode 100644 index 6e1131b..0000000 --- a/index.css +++ /dev/null @@ -1,113 +0,0 @@ -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: 3rem; - display: flex; - flex-direction: row; - align-items: center; - /* justify-content: space-between; */ - /* margin: 1rem; */ -} - -.container-2 { - background-color: #3a2cdd; - padding: 1rem; -} - -.container-3 { - background-color: #d2cfcf; - padding: 3rem; -} - -.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; -} - -.container { - width: 50%; - text-align: center; -} - -.title-besar { - font-family: 'Roboto'; - font-size: 72px; - font-weight: 900; - color: white; -} - -.subtitle-kecil { - font-family: 'Roboto'; - font-size: 24px; - font-weight: 500; - color: white; - text-align: start; -} - -.img-container img { - width: 100%; - height: 100%; -} - -.img-container { - width: 150px; - height: 165px; - margin-right: 3rem; -} diff --git a/index.html b/index.html old mode 100644 new mode 100755 index a5e5621..6448e1f --- a/index.html +++ b/index.html @@ -1,70 +1,40 @@ - - - - - - - - Halo ICl - - -
-
-
- -
-

Halo ICL!

-
-
-

Data Asisten ICL 2018

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

HEADLINE

+
+
+
+

+ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eum, labore perferendis aliquid commodi ea nesciunt ab quasi consequuntur nihil nemo ad nam deserunt. Quia obcaecati eaque veniam totam, consequatur dicta? + Lorem ipsum dolor, sit amet consectetur adipisicing elit. Necessitatibus optio est dolorem nobis facilis amet repellendus eius. Animi excepturi quam rem. Voluptas saepe, aliquid maiores incidunt sapiente voluptatum fuga nostrum! +

+
+
+
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt mollitia accusamus temporibus excepturi nihil, exercitationem hic nostrum rerum aperiam officia qui suscipit, iste, id tempore. Tempora consequuntur doloremque porro illum. + Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, aut illo, alias esse possimus blanditiis ipsum consequatur molestiae fugiat dignissimos minus repudiandae laudantium quod? Velit, tempora. Quod minus corrupti reiciendis? +

+
+
+
+ +
+ + \ No newline at end of file diff --git a/index2.html b/index2.html deleted file mode 100644 index 3abe0cd..0000000 --- a/index2.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Index 2 - - -

Halo

- - diff --git a/stylesheet.css b/stylesheet.css new file mode 100755 index 0000000..b2e524b --- /dev/null +++ b/stylesheet.css @@ -0,0 +1,81 @@ +*{ + margin: 0; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} +.container0 { + background-color: #f8f8f8; + width: 90%; + height: 100%; + margin: auto; + padding-top: 2.5%; + padding-bottom: 2.5%; + +} +.container2{ + height: 500px; + width: 100%; + background-color: #e2e1e0; +} +.container1{ + background-color: blue; + width: 95%; + height: 100%; + margin: auto; +} +.containerheadline{ + background-color: #999999; + width: 100%; + height: 80px; + display: flex; + flex-direction: row; +} +.container3{ + width: 100%; + height: 300px; + background-color: #3f3f3f; + display: flex; + flex-direction: row; +} + +.container4{ + height: 100%; + width: 45%; + background-color: #b3b3b3; +} +.container5{ + height: 100%; + width: 45%; + align-items:flex-end; + background-color: #727272; +} +.bunder{ + margin-top: 15px; + height: 50px; + width: 50px; + border-radius: 50%; + background-color: #727272; +} +.teksheading{ + margin-top: 30px; + margin-left: 20px; + font-weight: bold; + font-size:larger; +} +.part{ + width: 10%; + height: 100%; + background-color: #c7c7c7; + +} +.gambaratas{ + width: 100%; + height: 100%; + +} +.gambarheadline{ + width: 100%; + width: 50px; + height: 100%; + height: 50px; + border-radius: 50%; +}