diff --git a/tugas/pelatihan-vcs-2023/bryant/background.jpg b/tugas/pelatihan-vcs-2023/bryant/background.jpg new file mode 100644 index 0000000..51145a5 Binary files /dev/null and b/tugas/pelatihan-vcs-2023/bryant/background.jpg differ diff --git a/tugas/pelatihan-vcs-2023/bryant/index.html b/tugas/pelatihan-vcs-2023/bryant/index.html new file mode 100644 index 0000000..3135f31 --- /dev/null +++ b/tugas/pelatihan-vcs-2023/bryant/index.html @@ -0,0 +1,41 @@ + + + + + BLABLABLA + + + +
+
+ + + +
+ +
+
+

Kaela

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda eum explicabo tempore accusamus. Deleniti, sit ea totam commodi dolorum eaque nihil, dolore possimus veniam nam harum, necessitatibus dolorem. Fugit, accusamus.

+ + +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/tugas/pelatihan-vcs-2023/bryant/logo.jpg b/tugas/pelatihan-vcs-2023/bryant/logo.jpg new file mode 100644 index 0000000..f979eaa Binary files /dev/null and b/tugas/pelatihan-vcs-2023/bryant/logo.jpg differ diff --git a/tugas/pelatihan-vcs-2023/bryant/menu.jpg b/tugas/pelatihan-vcs-2023/bryant/menu.jpg new file mode 100644 index 0000000..ba34ad2 Binary files /dev/null and b/tugas/pelatihan-vcs-2023/bryant/menu.jpg differ diff --git a/tugas/pelatihan-vcs-2023/bryant/styles.css b/tugas/pelatihan-vcs-2023/bryant/styles.css new file mode 100644 index 0000000..b87a369 --- /dev/null +++ b/tugas/pelatihan-vcs-2023/bryant/styles.css @@ -0,0 +1,85 @@ +*{ + margin: 0; + padding: 0; + font-family: 'Roboto', sans-serif; +} + +.container{ + width: 100%; + height: 100vh; + background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),url(background.jpg); + background-position: center; + background-size: cover; + padding-left: 8%; + padding-right: 8%; + box-sizing: border-box; +} + +.navbar{ + height: 12%; + display: flex; + align-items: center; +} + +.logo{ + width: 50px; + cursor: pointer; +} + +.menu-icon{ + width: 30px; + cursor: pointer; + margin-left: 40px; +} + +nav{ + flex: 1; + text-align: right; +} + +nav ul li{ + list-style: none; + display: inline-block; + margin-left: 60px; +} + +nav ul li a{ + text-decoration: none; + color: #fff; + font-size: 13px; + +} + +.row{ + display: flex; + height: 88%; + align-items: center; + +} + +.col{ + flex-basis: 50%; +} + +h1{ + color :#fff; + font-size: 100px; +} + +p{ + color: #fff; + font-size: 11px; + line-height: 15px; +} + +button{ + width: 180px; + color: #000; + font-size: 12px; + padding: 12px; + background: #fff; + border: 0; + border-radius: 20px; + outline: none; + margin-top: 30px; +} \ No newline at end of file