Skip to content

Commit 41e6667

Browse files
KristiyanGeorgiev1996KristiyanGeorgiev1996
authored
Add files via upload
1 parent 4b1a56b commit 41e6667

3 files changed

Lines changed: 176 additions & 0 deletions

File tree

‎03.Front-End-Test-Automation/05.Forms-and-Media-Queries/04-Landing-Page/ivo.jpg‎

99.1 KB
Loading

‎03.Front-End-Test-Automation/05.Forms-and-Media-Queries/04-Landing-Page/landing-page.css‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
header, ul{
2+
display: flex;
3+
justify-content: space-around;
4+
}
5+
li{
6+
list-style-type: none;
7+
margin: 0 10px;
8+
}
9+
a{
10+
text-decoration: none;
11+
}
12+
.header-texts h2{
13+
font-size: 32px;
14+
margin: 0;
15+
color:blueviolet
16+
}
17+
.header-texts p{
18+
margin: 0;
19+
text-align: center;
20+
}
21+
22+
.need-website{
23+
width: 60%;
24+
margin: auto;
25+
display: flex;
26+
justify-content: space-around;
27+
padding: 60px;
28+
}
29+
.content-part{
30+
padding: 30px;
31+
}
32+
.content-part h3{
33+
font-size: 30px;
34+
}
35+
36+
.team-members article{
37+
border:2px solid red;
38+
width: 30%;
39+
}
40+
.team-members{
41+
display: flex;
42+
margin: auto;
43+
justify-content: space-around;
44+
width: 60%;
45+
flex-wrap: wrap;
46+
text-align: center;
47+
}
48+
.team-members article{
49+
margin: 12px;
50+
}
51+
.img-ctr{
52+
text-align: center;
53+
}
54+
.img-ctr img{
55+
width: 40%;
56+
border-radius: 50%;
57+
}
58+
.newsletter-ctr{
59+
padding: 20px 10px;
60+
background: purple;
61+
}
62+
.sing-up-form{
63+
width: 40%;
64+
margin: auto;
65+
text-align: center;
66+
}
67+
68+
.sing-up-form h3{
69+
color: white;
70+
font-size: 32px;
71+
margin-bottom: 0;
72+
}
73+
.sing-up-form hr{
74+
width: 10%;
75+
border:1px solid black;
76+
}

‎03.Front-End-Test-Automation/05.Forms-and-Media-Queries/04-Landing-Page/landing-page.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<link rel="stylesheet" href="./landing-page.css">
8+
</head>
9+
<body>
10+
<header>
11+
<div class="header-texts">
12+
<h2>Some text</h2>
13+
<p>Other text here</p>
14+
</div>
15+
<nav>
16+
<ul>
17+
<li><a href="">Home</a></li>
18+
<li><a href="">About</a></li>
19+
<li><a href="">Services</a></li>
20+
<li><a href="">Blog</a></li>
21+
<li><a href="">Contacts</a></li>
22+
</ul>
23+
</nav>
24+
</header>
25+
<main>
26+
<section class="need-website">
27+
<div class="content-part">
28+
<h3>Need a website?</h3>
29+
<p>SOme text here aaaaaaaaaaaa</p>
30+
<button>Tell us about your project</button>
31+
</div>
32+
<div class="logo-ctr">
33+
<img src="./ivo.jpg" alt="">
34+
</div>
35+
</section>
36+
37+
<h2>Our Team</h2>
38+
39+
<section class="team-members">
40+
<article>
41+
<div class="img-ctr">
42+
<img src="./ivo.jpg" alt="">
43+
</div>
44+
<h4>Ivo</h4>
45+
<p>Teacher</p>
46+
<p>Some text here</p>
47+
</article>
48+
<article>
49+
<div class="img-ctr">
50+
<img src="./ivo.jpg" alt="">
51+
</div>
52+
<h4>Ivo</h4>
53+
<p>Teacher</p>
54+
<p>Some text here</p>
55+
</article>
56+
<article>
57+
<div class="img-ctr">
58+
<img src="./ivo.jpg" alt="">
59+
</div>
60+
<h4>Ivo</h4>
61+
<p>Teacher</p>
62+
<p>Some text here</p>
63+
</article>
64+
<article>
65+
<div class="img-ctr">
66+
<img src="./ivo.jpg" alt="">
67+
</div>
68+
<h4>Ivo</h4>
69+
<p>Teacher</p>
70+
<p>Some text here</p>
71+
</article>
72+
<article>
73+
<div class="img-ctr">
74+
<img src="./ivo.jpg" alt="">
75+
</div>
76+
<h4>Ivo</h4>
77+
<p>Teacher</p>
78+
<p>Some text here</p>
79+
</article>
80+
<article>
81+
<div class="img-ctr">
82+
<img src="./ivo.jpg" alt="">
83+
</div>
84+
<h4>Ivo</h4>
85+
<p>Teacher</p>
86+
<p>Some text here</p>
87+
</article>
88+
</section>
89+
90+
<section class="newsletter-ctr">
91+
<form class="sing-up-form" action="">
92+
<h3>Sign up to our newsletter</h3>
93+
<hr>
94+
<input type="email"><button>Абонирай се</button>
95+
</form>
96+
</section>
97+
</main>
98+
99+
</body>
100+
</html>

0 commit comments

Comments
 (0)