Gestionnaire de fichiers - Editer - /home/kridsana/webapp.cm.in.th/673190901/u67319090008/Portfolio/Work.css
Arrière
/* General styles */ * { margin: 0; padding: 0; box-sizing: border-box; } header { display: flex; justify-content: space-between; align-items: center; border: 2px solid #333; background: #333; color: white; padding: 10px 20px; width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; } .logo a { color: white; text-decoration: none; font-weight: bold; font-size: 18px; } .logo b { color: white; text-decoration: none; font-weight: bold; font-size: 12px; } .menu { display: flex; list-style: none; } .menu li { margin-left: 20px; padding: 10px; } .menu li a { color: white; font-size: 16px; text-decoration: none; font-weight: bolder; } body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #000; color: #fff; background-image: url('BG.gif'); /* Replace 'background-image.jpg' with your image path */ } .slider { position: relative; overflow: hidden; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; } .slides { display: flex; transition: transform 0.5s ease-in-out; width: 300%; /* Since we have 3 slides */ } .slide { min-width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 2em; padding: 2em; position: relative; } .left-side { flex: 1; display: flex; align-items: center; justify-content: center; background-color: (0,0,0,0); } .left-side img { max-width: 100%; max-width: 100%; } .right-side h1 { font-size: 3rem; margin: 0; padding: 20px; } .right-side h2 { font-size: 2rem; margin: 1rem 0; padding: 20px; } .page-info { margin-top: auto; font-size: 0.8rem; align-self: flex-end; } .nav { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); border: none; color: #fff; font-size: 2em; padding: 0.5em; cursor: pointer; } .nav.left { left: 10px; } .nav.right { right: 10px; } .contact-content { text-align: center; } .contact-content h2 { font-size: 3rem; margin-bottom: 1rem; } .contact-content p { font-size: 1.5rem; margin-bottom: 1rem; } .contact-content ul { list-style: none; font-size: 1.2rem; } .contact-content ul li { margin-bottom: 0.5rem; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 2rem; } .left-side { flex: 1; display: flex; align-items: center; justify-content: center; background-color: 000; } .left-side img { max-width: 100%; max-height: 100%; border-radius: 8px; } .right-side { flex: 1; color: white; display: flex; flex-direction: column; justify-content: center; padding: 2rem; height: auto; } .right-side h1 { font-size: 5rem; margin: 0; padding-top: 60px; padding-left: 20px; } .right-side h3 { font-size: 2rem; margin: 0; padding-top: 70px; padding-left: 10px; } .right-side h2 { font-size: 3rem; margin: 1rem 0; padding: 20px; } .certificate-container { display: flex; justify-content: center; gap: 2rem; } .section-title { position: absolute; top: 20px; width: 100%; text-align: center; font-size: 2.5rem; margin-bottom: 2rem; } .certificate-container { display: flex; justify-content: center; gap: 2rem; margin-bottom: 0px; /* Adjust margin-top to make space for the title */ } .certificate { background-color: palegoldenrod; opacity: 0.81; color: #000; padding: 1rem; border-radius: 8px; text-align: center; } .certificate img { max-width: 100%; height: auto; border-radius: 8px; } .certificate h3 { margin: 1rem 0; font-size: 1.5rem; } .certificate p { font-size: 1rem; } .page-info { position: absolute; bottom: 20px; right: 20px; } .slide.Contact { position: relative; /* Ensure positioning context for absolutely positioned element */ } .top-right-img { position: absolute; top: 77%; right: 0px; width: 100px; /* Adjust width as needed */ height: auto; /* Maintain aspect ratio */ animation: moveLeftToRight 8s linear infinite; /* Adjust duration as needed */ } @keyframes moveLeftToRight { 0% { left: 0px; /* Starting position */ } 100% { left: 100%; /* Move to the right edge of the screen */ } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Génération de la page: 0.08 |
proxy
|
phpinfo
|
Réglages