<title>Codequette 💻🎀</title> <style> body { margin: 0; font-family: 'Quicksand', sans-serif; background: #fffafc; color: #4a2c3a; } header { background: #fcdcec; padding: 40px; text-align: center; border-bottom: 4px solid #f5b7d1; } header h1 { margin: 0; font-family: 'Playfair Display', serif; font-size: 2.8em; color: #b03060; } header p { margin: 10px 0 0; font-family: 'Dancing Script', cursive; font-size: 1.4em; color: #663046; } nav { text-align: center; padding: 15px; background: #ffeef7; } nav a { margin: 0 15px; text-decoration: none; color: #b03060; font-weight: bold; } section { padding: 40px; max-width: 1000px; margin: auto; } section h2 { text-align: center; font-family: 'Playfair Display', serif; color: #b03060; margin-bottom: 25px; position: relative; } section h2::after { content: "🎀"; position: absolute; right: -25px; top: -10px; font-size: 1.2em; } .card { background: #fff; border-radius: 15px; padding: 25px; margin: 20px 0; border: 2px solid #f5c6da; box-shadow: 0px 4px 12px rgba(240, 160, 190, 0.2); } /* Flashcards */ .cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .flip-card { background: transparent; width: 180px; height: 220px; perspective: 1000px; } .card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; } .flip-card:hover .card-inner { transform: rotateY(180deg); } .card-front, .card-back { position: absolute; width: 100%; height: 100%; border-radius: 15px; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; padding: 20px; font-weight: bold; font-family: 'Quicksand', sans-serif; } .card-front { background: #ffd1dc; color: #000; } .card-back { background: #000; color: #ffd1dc; transform: rotateY(180deg); } /* Gallery */ .gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .gallery figure { text-align: center; width: 250px; } .gallery img { width: 250px; height: 180px; object-fit: cover; border-radius: 15px; border: 3px solid #ffe4e1; box-shadow: 0px 4px 12px rgba(240,160,190,0.3); transition: transform 0.3s ease, box-shadow 0.3s ease; } .gallery img:hover { transform: scale(1.05); box-shadow: 0 0 20px rgba(255,182,193,0.6); } .gallery figcaption { margin-top: 8px; font-size: 0.9em; color: #663046; } footer { text-align: center; background: #fcdcec; padding: 20px; margin-top: 40px; font-size: 0.9em; color: #663046; border-top: 4px solid #f5b7d1; } </style>

Codequette 💻🎀

🌸 Learning in Bloom 🌸

About Projects Flashcards Gallery Contact

About Me

Hi! I’m Ashley Julienne, a 4th year Computer Science student at PRMSU - Iba Campus. This project reflects how computing can also carry a feminine touch. 🌸

My Projects

🎀 Portfolio Website

A coquette-inspired portfolio designed to showcase my coding journey.

💻 Python Mini-Programs

Created small utilities in Python for calculations, grading, and scheduling.

📂 Database Project

Designed a student records database with SQL to practice backend fundamentals.

Flashcards

Algorithm

Step-by-step instructions to solve a problem.

Python

A popular programming language 🐍

Database

An organized collection of structured data.

AI

Simulation of human intelligence in machines.

Networking

Connecting devices to share data and resources.

Cybersecurity

Protecting systems from digital attacks.

Gallery

💻 Student coding at laptop — dedication in progress. 📚 Students collaborating and learning together. 🖥️ Calm workspace where ideas become code. 🌸 Balance of beauty and technology side by side.

Contact Me

Email: ashley@gmail.com

GitHub: github.com/ashley

Made with 💻 + 🎀 by Ashley | 2025

files.download("codequette.html")