diff --git a/css/styles.css b/css/styles.css index cd41d66..85562d5 100644 --- a/css/styles.css +++ b/css/styles.css @@ -102,9 +102,8 @@ p { /* Title Image */ .title-image { - width: 60%; - transform: rotate(25deg); - position: absolute; + width: 100%; + position: right; right: 30%; } @@ -206,4 +205,32 @@ p { .colored-section#title { background-image: url("images/biking.jpg"); -} \ No newline at end of file +} + +/* Style inputs with type="text", select elements and textareas */ +input[type=text], select, textarea { + width: 100%; /* Full width */ + padding: 12px; /* Some padding */ + border: 1px solid #ccc; /* Gray border */ + border-radius: 4px; /* Rounded borders */ + box-sizing: border-box; /* Make sure that padding and width stays in place */ + margin-top: 6px; /* Add a top margin */ + margin-bottom: 16px; /* Bottom margin */ + resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ + } + + /* Style the submit button with a specific background color etc */ + input[type=submit] { + background-color: #d60024; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + } + + /* When moving the mouse over the submit button, add a darker green color */ + input[type=submit]:hover { + background-color: #fa4664; + } + \ No newline at end of file diff --git a/index.html b/index.html index ebc0196..2439ec9 100644 --- a/index.html +++ b/index.html @@ -3,19 +3,29 @@ - TinDog + Batuhan's Bikes - + - + - + - - - + + + @@ -27,19 +37,20 @@