10 |
11 |
12 |
2 |
3 |
4 |
5 |
6 |
7 | Hello World
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/Template/readme.md:
--------------------------------------------------------------------------------
1 | ### Semua template disini bisa digunakan bebas (free to use) dan jangan lupa untuk mencantumkan credit Bellshade di website kalian ya :D
2 |
3 | ### 🌐 Website Link Templates
4 |
5 | - [Devrich Template](https://devrich.netlify.app/)
6 | - [Bxtre Template](https://bxtre.netlify.app/)
7 | - [Login Form Template](https://loginformtemplate.netlify.app/)
8 | - [Midnight Blue Template ](http://www.levianthz.xyz/)
9 |
--------------------------------------------------------------------------------
/HTML/023 HTML Script/script.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Script
5 |
6 |
7 |
Belum diklik!
8 |
9 |
10 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/HTML/045 HTML SVG/html-icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/.github/CODEOWNERS:
--------------------------------------------------------------------------------
1 |
2 | # This is a comment.
3 | # Each line is a file pattern followed by one or more owners.
4 |
5 | # These owners will be the default owners for everything in
6 | # the repo. Unless a later match takes precedence,
7 | # @global-owner1 and @global-owner2 will be requested for
8 | # review when someone opens a pull request.
9 | * @kingramzy @nomadkode @faridnizam @ivqonsanada @dimascapella @nandaha29
10 | * @Vins2106 @sabturday @wa765 @elvirafimansyah @elvinafirmansyah @abinoval
11 | * @dhafitf @AdityaFitrianaNS
--------------------------------------------------------------------------------
/Template/Card template/CardProfile/Cardprofile.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Card profile
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
Hello kuro
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/CSS/027 CSS Float/README.md:
--------------------------------------------------------------------------------
1 | # CSS FLOAT
2 |
3 | CSS float adalah property css yang digunakan untuk membuat element mengambang. Biasanya property ini digunakan untuk membuat element di samping element lain.
4 |
5 | ### Langsung saja ke kodenya
6 |
7 | ```css
8 | div {
9 | /* Penjelasan*/
10 | /* Membuat element mengambang ke kiri */
11 | float: left;
12 | }
13 | ```
14 |
15 | ### Contoh float left
16 |
17 | 
18 |
19 | ```css
20 | div {
21 | /* Penjelasan */
22 | /* Membuat element mengambang ke kanan */
23 | float: right;
24 | }
25 | ```
26 |
27 | ### Contoh float right
28 |
29 | 
30 |
31 | ## Referensi (https://www.w3schools.com/css/css_float.asp)
32 |
--------------------------------------------------------------------------------
/Template/404 Template/Electric Shock/ElectricShock.css:
--------------------------------------------------------------------------------
1 | .page_404 {
2 | padding: 40px 0;
3 | background: #fff;
4 | font-family: 'Arvo', serif;
5 | }
6 |
7 | .page_404 img {
8 | width: 100%;
9 | }
10 |
11 | .four_zero_four_bg {
12 |
13 | background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
14 | height: 400px;
15 | background-position: center;
16 | }
17 |
18 |
19 | .four_zero_four_bg h1 {
20 | font-size: 80px;
21 | }
22 |
23 | .four_zero_four_bg h3 {
24 | font-size: 80px;
25 | }
26 |
27 | .link_404 {
28 | color: #fff !important;
29 | padding: 10px 20px;
30 | background: #39ac31;
31 | margin: 20px 0;
32 | display: inline-block;
33 | }
34 |
35 | .contant_box_404 {
36 | margin-top: -50px;
37 | }
--------------------------------------------------------------------------------
/HTML/011 HTML Comments/README.md:
--------------------------------------------------------------------------------
1 | # HTML Comments
2 |
3 | ## Apa Itu HTML Comments ?
4 |
5 | HTML Comments berfungsi untuk membantu mendokumentasikan sumber kode/source code HTML anda.
6 |
7 | Anda dapat menambahkan Comments ke file HTML, dengan sintaks berikut;
8 |
9 | ```HTML
10 |
11 | ```
12 |
13 | ### Contoh Penerapan Comment Pada HTML
14 |
15 | #### Comment Biasa
16 |
17 | ```HTML
18 |
19 |
20 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/CSS/036 CSS Important/README.md:
--------------------------------------------------------------------------------
1 | ## CSS Important
2 |
3 | ### Apa Itu CSS Important?
4 |
5 | Perintah `!important` berfungsi untuk mengambil alih style yang sudah ditulis pada selector lain, atau bisa juga dikatakan untuk memprioritaskan nilai yang berada di samping perintah `!important` ditulis.
6 |
7 | #### Contoh:
8 |
9 | ```html
10 |
Ini Contoh Judul
11 |
Ini Contoh Judul
12 |
Ini Contoh Judul
13 | ```
14 |
15 | ```css
16 | h3 {
17 | color: blue !important;
18 | }
19 |
20 | #judul {
21 | color: green;
22 | }
23 |
24 | .judul {
25 | color: red;
26 | }
27 | ```
28 |
29 | #### Hasil dan Penjelasan
30 |
31 | 
32 |
33 | Terlihat pada output yang dihasilkan semuanya berwarna `biru`, hal ini dikarenakan perintah `!important` akan menimpa value lainnya atau memprioritaskan nilai yang berada di sampingnya walaupun secara posisi selector `h3` berada di atas dan di timpa dengan 2 selector lainnya.
--------------------------------------------------------------------------------
/CSS/017 CSS Text Transform/README.md:
--------------------------------------------------------------------------------
1 | # CSS TEXT TRANSFORMATION
2 |
3 | ## Apa kegunaan text transformation?
4 |
5 | Text transformation atau text transform digunakan untuk mengubah huruf menjadi besar atau kecil.
6 | ada beberapa property text transfrom yaitu :
7 |
8 | - lowercase : menjadikan setiap kata kecil
9 | - uppercase : menjadikan setiap kata menjadi besar
10 | - capitalize : menjadikan di setiap kata di depannya selalu besar
11 |
12 | ## Langsung ke demonya agar lebih paham
13 |
14 | Contoh penggunaan
15 |
16 | ```html
17 |
Halo nama saya Kuro
18 | ```
19 |
20 | ## `lowercase`
21 |
22 | ```css
23 | p {
24 | text-transform: lowercase;
25 | }
26 | ```
27 |
28 | Output
29 | `halo nama saya kuro`
30 |
31 | ---
32 |
33 | ## `uppercase`
34 |
35 | ```css
36 | p {
37 | text-transform: uppercase;
38 | }
39 | ```
40 |
41 | Output
42 | `HALO NAMA SAYA KURO`
43 |
44 | ---
45 |
46 | ## `capitalize`
47 |
48 | ```css
49 | p {
50 | text-transform: capitalize;
51 | }
52 | ```
53 |
54 | Output
55 | `Halo Nama Saya Kuro`
56 |
57 | ## Referensi [W3SCHOOLS](https://www.w3schools.com/css/css_text_transformation.asp)
58 |
--------------------------------------------------------------------------------
/HTML/000 Definisi HTML/README.md:
--------------------------------------------------------------------------------
1 | # Definisi HTML
2 |
3 | HTML (Hypertext Markup Language) merupakan bahasa markup yang digunakan untuk menentukan konten dan
4 | struktur halaman web.
5 |
6 | Elemen dalam dokumen HTML ditunjukkan dengan menggunakan tag.
7 |
8 | Penulisan tag HTML seperti di bawah ini:
9 |
10 | ```html
11 | text
12 | ```
13 |
14 | Beberapa tag memiliki teks tambahan di dalamnya yang memberikan informasi tambahan tentang tag; disebut dengan atribut.
15 |
16 | ```html
17 | text
18 | ```
19 |
20 | Nama tag boleh ditulis dengan huruf kecil, huruf kapital, ataupun kombinasi antara huruf kecil dan huruf kapital.
21 |
22 | Teks editor untuk membuat file HTML diantaranya:
23 | - 
24 | - 
25 | - 
--------------------------------------------------------------------------------
/Template/Bee Templates/Responsive Portfolio/README.md:
--------------------------------------------------------------------------------
1 | # Bee Template - Responsive Portfolio
2 |
3 | ## Cara customisasi tampilan
4 |
5 | Buka file `dist/css/customize.css`, disana terdapat banyak variabel yang bisa digunakan untuk mengubah tampilan halaman template ini.
6 |
7 | 
8 |
9 | Misalnya jika kita ingin mengubah warna primary template ini, maka yang harus diubah adalah variabel berikut:
10 |
11 | ```css
12 | /*? Warna Primary */
13 | --clr-primary: rgba(124, 58, 237, 1);
14 | ```
15 |
16 | Jika kita ubah isi dari variabel tersebut, misalnya seperti di bawah ini:
17 |
18 | ```css
19 | /*? Warna Primary */
20 | --clr-primary: red;
21 | ```
22 |
23 | Maka tampilan template yang sebelumnya seperti ini:
24 |
25 | 
26 |
27 | Akan berubah menjadi seperti ini:
28 |
29 | 
30 |
31 | ## Demo
32 |
33 | Jika ingin melihat terlebih dahulu templatenya, bisa lihat [disini](https://abinoval.github.io/bee-template/pages/portfolio/)
34 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 Bellshade
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/HTML/042 HTML Data/README.md:
--------------------------------------------------------------------------------
1 | # HTML Data
2 | ### Apa itu tag `````` ?
3 |
4 | Tag `` digunakan untuk menambahkan terjemahan yang dapat dibaca mesin dari konten tertentu.
5 |
6 | Elemen ini memberikan nilai yang dapat dibaca mesin untuk memproses data, dan nilai yang dapat dibaca manusia untuk rendering di browser.
7 |
8 | Tips: Jika konten berhubungan dengan waktu maka gunakan tag ```
14 | 
27 |