diff --git a/Asset/fotoatas.JPG b/Asset/fotoatas.JPG
new file mode 100644
index 0000000..b1c3144
Binary files /dev/null and b/Asset/fotoatas.JPG differ
diff --git a/Asset/profile.jpg b/Asset/profile.jpg
new file mode 100644
index 0000000..fc3e272
Binary files /dev/null and b/Asset/profile.jpg differ
diff --git a/index.css b/index.css
index 9dd100e..2be9d5a 100644
--- a/index.css
+++ b/index.css
@@ -1,7 +1,79 @@
-table,
-th,
-td {
- border: 1px solid black;
- border-collapse: collapse;
- padding: 10px;
+*{
+ margin: 0;
+ font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;
}
+.container0 {
+ background-color: darkblue;
+ width: 90%;
+ height: 100%;
+ margin: auto;
+
+ padding-top: 3%;
+ padding-bottom: 3%;
+
+}
+.container1{
+ width: 95%;
+ height: 100%;
+ margin: auto;
+}
+.container2{
+ height: 500px;
+ width: 100%;
+}
+.containerheadline{
+ background-color: lightblue;
+ width: 100%;
+ height: 80px;
+ display: flex;
+ flex-direction: row;
+}
+.headline{
+
+}
+.container3{
+ width: 100%;
+ height: 400px;
+ display: flex;
+ flex-direction: row;
+}
+
+.container4{
+ height: 100%;
+ width: 45%;
+ background-color: lightpink;
+}
+.container5{
+ height: 100%;
+ width: 45%;
+ align-items:flex-end;
+ background-color: lightpink;
+}
+.bunder{
+ margin-top: 5px;
+ margin-left: 5px;
+ height: 70px;
+ width: 70px;
+ border-radius: 50%;
+}
+.teksheading{
+ margin-top: 30px;
+ margin-left: 20px;
+ font-weight: bold;
+ font-size:larger;
+}
+.part{
+ width: 10%;
+ height: 100%;
+ background-color: lightsalmon;
+
+}
+.fotoprofile{
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+}
+.fotoatas{
+ width: 100%;
+ height: 100%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 361ff71..6707e5f 100644
--- a/index.html
+++ b/index.html
@@ -5,27 +5,30 @@
- Halo ICl
+
- Halo ICL!
- Data Asisten ICL 2018
-
-
- | Nama |
- Kota |
- Hobi |
-
-
- | Febrio Akbar |
- Tangerang Selatan |
- Bernyanyi |
-
-
- | Aliya Qurrota |
- Jember |
- Melukis |
-
-
-
-