Hair-Day/index.html at main · xolodna-source/Hair-Day · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hair Day</title>
    <link rel="stylesheet" href="style.css">
</head>


<body>

<header>
  <img src="artboard.png" alt="Hair Day Logo">
  <nav>
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>
</header>

<main>
  <section id="banner">
    <div class="banner-text">
        <h1>For all new clients, the first 10 haircuts are 40% off!</h1>
        <p>Book now and get a stylish haircut from our professionals
        </p>
    </div>
  </section>
  <section id="features">
    <div class="column">
<h1>Haircuts</h1>
<p>Professionals haircuts for adults and children</p>
    </div>
<div class="column">
    <h1>Makeup</h1>
    <p>We will create the makeup of your dreams </p>
</div>
<div class="column">
    <h1>Manicure</h1>
    <p>After your manicure, you will definitely want to come back to us.</p>
</div>
  </section>

<section id="about">
    <h1>About Hair Day</h1>
    <p id="about-hair-day">
        Hair Day is a boutique hair salon that specializes in cut, color and styling. Hair Day also
offers makeup and nail services, prides itself on its warm and relaxing atmosphere and is best known for edgy hair
colors and on-trend cuts.
</p></section>

<section id="abouy-owner">
    <h1>About owner</h1>
    <p id="about-owner">
        Pria, the owner of Hair Day, earned her certificate as a colorist and immediately started specializing in edgy, custom
coloring techniques.
</p>
</section>
<h2>Sign in</h2>

<form action="#"method="post">
<label for="email" class="login-form">You'r Email</label>
<input type="email" placeholder="email" required>
<label for="password" class="password-form">You'r Password</label>
<input type="password" placeholder="password">
<input type="submit">
</form>

<a href="#">Sign Up</a>

<form action="#" method="post">
<label for="date" class="date-form">Choose an appointment date</label>
<input type="date" min="2026-01-01" max="2027-12-31">

<label for="time" class="time-form">Choose an appointment time</label>
<input type="time" min="12:00pm" max="20:00pm">

    <label for="stylist" class="stylist-form">Choose a stylist</label>
    <select id="master" name="master" required>
    <option value="Pria">Pria</option>
    <option value="Garry">Garry</option>
    <option value="Mat">Mat</option>
    <option value="Dafna">Dafna</option>
    <option value="Hanna">Hanna</option>
    <option value="Olla">Olla</option>
    <option value="Patrik">Patrik</option>
    <option value="Luis">Luis</option>
    <option value="Simon">Simon</option>
    <option value="Anton">Anton</option>
</select>

<input type="button" value="Book Appointment">
</form>


<section id="location">

<h3>Our location</h3>
<p>Based in Madison, Wisconsin</p>
</section>
</main>

<footer>
   <div class="footer-left">
    <img src="artboard.png" alt="Hair Day Logo" class="footer-logo">
   </div>
      <div class="footer-right">
        <p>2026 Hair Day. All rights reserved.</p>
      </div>
</footer>
</body>
</html>