/Web-Porto-Tailwind

"Web Portfolio Tailwindcss" adalah proyek web sederhana yang berfungsi sebagai portofolio pribadi anda. Web ini dirancang menggunakan Tailwind CSS dan HTML, menampilkan berbagai informasi pribadi, keterampilan, proyek terbaru, serta cara untuk menghubungi pembuatnya.

Primary LanguageHTML

Web Portfolio Tailwindcss

Deskripsi

"Web Portfolio Tailwindcss" adalah proyek web sederhana yang berfungsi sebagai portofolio pribadi. Web ini dirancang menggunakan Tailwind CSS dan HTML, menampilkan berbagai informasi pribadi, keterampilan, proyek terbaru, serta cara untuk menghubungi pembuatnya. Desainnya modern dan responsif, menggunakan gradasi warna dan ikon untuk menambah estetika serta pengalaman pengguna yang baik.

Fitur

  1. Navbar Responsif - Navigasi yang memudahkan pengguna untuk berpindah antar-bagian seperti "About Me", "Skills", "Recent Work", dan "Contact".
  2. About Me - Seksi pengenalan diri beserta foto profil dan deskripsi singkat mengenai latar belakang.
  3. Skills Framework - Menampilkan keterampilan utama dengan indikator visual tingkat keahlian.
  4. Recent Work - Showcase proyek-proyek terbaru yang dilengkapi dengan gambar, judul proyek, deskripsi, dan tombol "Detail".
  5. Contact Me - Formulir kontak untuk mengirim pesan langsung kepada pemilik portofolio.
  6. Footer Sosial Media - Ikon sosial media yang terhubung ke akun-akun sosial untuk jaringan yang lebih luas.

Teknologi yang Digunakan

  • HTML
  • Tailwind CSS: Untuk desain UI yang responsif dan modern.
  • Font Awesome: Untuk ikon sosial media dan kategori portofolio.

Struktur Halaman

  • Navbar: Navigasi yang berisi tautan untuk berpindah antar bagian di halaman.
  • About Me: Memuat perkenalan singkat, foto profil, dan informasi tentang keterampilan pemrograman.
  • Skills Framework: Daftar keterampilan teknologi/framework yang dikuasai dengan indikator bar progress.
  • Recent Work: Showcase proyek-proyek terbaru, dilengkapi dengan gambar dan deskripsi singkat.
  • Contact Form: Formulir sederhana yang dapat diisi untuk mengirim pesan kepada pemilik portofolio.
  • Footer: Ikon-ikon media sosial dan penghargaan pada Tailwind CSS.

Pratinjau

Gantilah dengan gambar tangkapan layar yang sesuai dengan kebutuhan anda jika ingin menggunakan project ini/cloning

Cara Menjalankan Proyek

  1. Clone Repo ini:
  git clone https://github.com/Cramouchegit/Web-Porto-Tailwind.git
  1. Buka file index.html di peramban untuk melihat tampilan web portfolio.
  2. Ubah sesuai dengan kebutuhan anda dan gunakan Teks Editor kesayangan anda

Struktur Proyek

  .
├── image/                 
├── index.html              
└── tailwind.config.js

Anda dapat menyesuaikan sesuai kebutuhan, termasuk mengganti gambar/foto, warna background, isi konten dan memperbarui link GitHub repositori.

Terimakasih and Happy Learning