From de39273099795453662a92af6ecec5fafe4b87b0 Mon Sep 17 00:00:00 2001 From: efekanyuksel4 <123384741+efekanyuksel4@users.noreply.github.com> Date: Mon, 17 Jun 2024 18:00:26 +0100 Subject: [PATCH] hoovewr has been added and some link and buttin has been changed ayni sekil --- cv.css | 29 +++++++---------------------- mina.css | 48 +++++++++++++++++++++++++++++------------------- mina.html | 8 ++++---- 3 files changed, 40 insertions(+), 45 deletions(-) diff --git a/cv.css b/cv.css index cce1302..5558291 100644 --- a/cv.css +++ b/cv.css @@ -5,31 +5,16 @@ body { display: flex; justify-content: center; align-items: center; - height: 100vh; + min-height: 100vh; background-color: #f0f0f0; } section { - display: flex; - justify-content: center; - align-items: center; - padding: 20px; + max-width: 800px; width: 90%; - max-width: 1200px; -} - -.cv { - display: flex; - gap: 2%; - width: 100%; - justify-content: center; -} - -.cv img { - width: 48%; - height: auto; - border: 1px solid #ddd; - border-radius: 4px; - padding: 10px; - background-color: #fff; + padding: 20px; + box-sizing: border-box; + text-align: center; + margin-top: 20px; + margin-bottom: 20px; } diff --git a/mina.css b/mina.css index b7929dd..f987e2a 100644 --- a/mina.css +++ b/mina.css @@ -1,33 +1,43 @@ -.container{ +.container { text-align: center; color: white; padding-top: 20px; } -*{ - background-color:rgb(35, 52, 73); + +* { + background-color: rgb(35, 52, 73); } -.button{ +.button { color: white; width: 20%; - - - border-color: white; - - z-index: 1; - - - + border: 1px solid white; + text-align: center; + height: 100px; + transition: box-shadow 0.3s ease; /* Geçiş efekti */ } -.buttondiv{ + +.buttondiv { display: flex; - justify-content:space-evenly; + justify-content: space-evenly; margin-top: 15%; background-color: transparent; - - - - - } +.button1 { + color: white; + width: 20%; + text-decoration: none; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + border: 1px solid white; + height: 100px; + transition: transform 0.3s ease, box-shadow 0.3s ease; /* Geçiş efektleri */ +} + +.button1:hover { + transform: translateY(-5px); /* Yükselme efekti */ + box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); /* Gölge efekti */ +} diff --git a/mina.html b/mina.html index 3e4e838..eb9ca69 100644 --- a/mina.html +++ b/mina.html @@ -10,11 +10,11 @@
please select of the option
+Please select one of the options