Untitled
unknown
plain_text
5 months ago
3.6 kB
3
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>portale personale</title> <style> body { margin: 0; font-family: "Arial", sans-serif; background-color: #1f1a17; color: #d8cdbf; line-height: 1.6; } a { text-decoration: none; color: #d8cdbf; } a:hover { color: #ff5a5a; } header { display: flex; justify-content: space-between; padding: 1em 2em; font-size: 0.9em; text-transform: uppercase; color: #8e867e; } .main-banner { text-align: center; padding: 5em 2em; background-color: #2a241f; } .main-banner div { font-size: 3em; font-weight: bold; margin: 0.5em 0; color: #d4d4d4; } .main-banner p { font-size: 1.2em; color: #c1b5a7; } /* Sezione portfolio */ .portfolio { display: flex; justify-content: center; gap: 2em; padding: 4em 2em; } .portfolio-item { max-width: 300px; text-align: center; } .portfolio-item img { width: 100%; border-radius: 8px; transition: transform 0.3s; } .portfolio-item img:hover { transform: scale(1.05); } .portfolio-item p { margin-top: 0.8em; font-size: 1em; } /* Footer */ footer { text-align: center; padding: 2em 1em; background-color: #2a241f; } footer h2 { margin-bottom: 1em; color: #fff; } footer nav a { margin: 0 1em; padding: 0.5em 1em; background-color: #1f1a17; border: 1px solid #8e867e; border-radius: 4px; transition: all 0.3s; } footer nav a:hover { background-color: #8e867e; color: #fff; } </style> </head> <body> <header> <div class="header-left">// Sito Personale</div> <div class="header-right">// Parma, Italia</div> </header> <section class="main-banner"> <div> <img src=""> Edoardo Gozzi </div> <p>Creando, come l'ho immaginato</p> </section> <section class="portfolio"> <div class="portfolio-item"> <img src="project1.jpg" alt="Project 1"> <p>Creative Design: Bringing ideas to life</p> </div> <div class="portfolio-item"> <img src="project2.jpg" alt="Project 2"> <p>Technical Expertise: Building robust solutions</p> </div> <div class="portfolio-item"> <img src="project3.jpg" alt="Project 3"> <p>Visual Aesthetics: Crafting captivating visuals</p> </div> </section> <footer> <h2>Over 10 Projects Completed</h2> <nav> <a href="#about">ABOUT</a> <a href="#portfolio">PORTFOLIO</a> <a href="#contact">CONTACT</a> </nav> </footer> </body> </html>
Editor is loading...
Leave a Comment