Husein Zidan - 4522210012
Zahra Jane Arnecia - 4522210028
Lutfiah Rizka S - 4522210019
Yesi Agustin - 4522210023
-
Topik : Mempermudah akses pembelian buku dengan e-commerce Chapter’s Bookstore
-
Judul Website: Chapter's Bookstore.com
-
Deskripsi Konsep Web: Chapter's Bookstore merupakan sebuah e-commerce seperti toko buku online yang menjual berbagai macam genre dan pilihan buku.
-
Logo web :
Gramedia.com
- Fitur search
- Pembelian Buku
- Fitur Recomendation
- Fitur Penilaian Pengguna
- Fitur Populer
- Fitur This New Story
html
├── head
│ ├── meta
│ ├── meta
│ ├── title
│ ├── link (fontawesome)
│ ├── link (Bootstrap CSS)
│ └── link (custom CSS)
└── body
├── nav (navbar)
│ └── div
│ ├── h2 (Chapter's Bookstore)
│ ├── button (navbar-toggler)
│ └── div (navbar-collapse)
│ └── ul (navbar-nav)
│ ├── li (Home)
│ ├── li (Category)
│ ├── li (Genre)
│ ├── li (Contact us)
│ └── li (Sign in)
├── div (herosection)
│ └── div (herosection-items)
│ ├── div (row-1)
│ │ └── h1 (Chapter's)
│ ├── div (col-1)
│ │ └── h1 (Bookstore)
│ ├── div (row)
│ │ └── p (Chapter's Bookstore)
│ └── div (input-group)
│ └── div (search-container)
│ ├── input (search-input)
│ └── a (search-btn)
└── div (firstsection-fluid)
└── div (div1 row p-2)
├── div (book col-sm-3)
│ ├── div (row-1 mb-5)
│ │ ├── h3 (Book by Genre)
│ │ └── p (All Genres, Business)
│ └── div (row-2 mt-5)
│ ├── h3 (Recommendations)
│ └── p (Artist of the Month)
│
└── div.album.col-sm-8.col-sm-3
├── div.col
│ └── div.album.row.row-cols-1
│ ├── h2 (Recommended)
│ └── div.row.row-cols-1.row-cols-md-2.g-4
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ ├── div.col
│ │ └── div.card.mb-3
│ │ └── div.row.g-0
│ │ ├── div.col-md-4
│ │ │ └── img.img-fluid.rounded-start.rounded-end
│ │ └── div.col-md-8
│ │ └── div.card-body
│ └── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.album.row.row-cols-1.p-5.mt-5
├── h2 (This New Story)
└── div.row.row-cols-1.row-cols-md-2.g-4
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
├── div.col
│ └── div.card.mb-3
│ └── div.row.g-0
│ ├── div.col-md-4
│ │ └── img.img-fluid.rounded-start.rounded-end
│ └── div.col-md-8
│ └── div.card-body
└── div.col
└── div.card.mb-3
└── div.row.g-0
├── div.col-md-4
│ └── img.img-fluid.rounded-start.rounded-end
└── div.col-md-8
│ └── div.card-body
│
│
│
└── footer
└── div (container text-center)
└── div (footerisi row align-items-start)
├── div (col text-start d-flex flex-column)
│ ├── h5 (Chapter's Bookstore)
│ └── p (Find your favorite books...)
├── div (col)
│ └── div (container text-start)
│ └── div (col align-items-start)
│ ├── h5 (Contact us)
│ ├── p (chapters.bookstore@gmail.com)
│ ├── p (@chaptersbooks)
│ └── p (021-812-6634)
└── div (col5)
└── p (Chapter's Bookstore All Right Reserved, 2023)
- Desktop
