-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (111 loc) · 5.37 KB
/
index.html
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
118
119
120
121
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Taskia</title>
<link rel="stylesheet" href="style.css">
<link
href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Poppins:ital,wght@0,700;0,800;0,900;1,500&display=swap"
rel="stylesheet">
</head>
<body>
<!-- zródło projektu: https://www.uistore.design/items/taskia-free-creative-landing-page-for-adobe-xd/ -->
<div class="body">
<main>
<div class="mainMenu">
<header>
<span class="logo">Taskia</span>
<button class="emptyButton">Try free</button>
</header>
<div class="flexBox">
<div class="leftSideFlex">
<h1>Task managment and lists Tool</h1>
<h4> We believe that designing products and services in close
partnership with our clients is the only way to have a real
impact on their business. </h4>
<form action="">
<input type="email" name="eMail" class="eMail" placeholder="Name@company.com">
<button class="fillButton">Try it free</button>
</form>
</div>
<img src="assets/image.png" class="Big">
</div>
</div>
</main>
<article class="article1">
<h2>Featured Service that We Provide</h2>
<div class="flexContainer">
<div class="flexItem1 flexItem">
<img src="assets/tea.png" alt="icon of teapot">
<h3>Keep tasks in one place</h3>
<span>Save time, avoid losing work and information, delegate, and track tasks to stay on
schedule</span>
</div>
<div class="flexItem2 flexItem">
<img src="assets/wallet.png" alt="icon of wallet">
<h3>Keep tasks in one place</h3>
<span>Save time, avoid losing work and information, delegate, and track tasks to stay on
schedule</span>
</div>
<div class="flexItem3 flexItem">
<img src="assets/pocket-knief.png" alt="icon of pocket knife">
<h3>Keep tasks in one place</h3>
<span>Save time, avoid losing work and information, delegate, and track tasks to stay on
schedule</span>
</div>
</div>
</article>
<article class="article2">
<img src="assets/screen.png" alt="screen icon" class="Big">
<div class="flexItem">
<h2>Why do you need task management software?</h2>
<p>Do you waste time organizing sticky notes, searching your email and apps for to-dos, and
figuringoutwhattowork on first? Then you need one solution to prioritize your tasks, manage your
time,
and
meet yourdeadlines.</p>
<button class="fillButton">Learn more</button>
</div>
</article>
<article class="article3">
<div class="flexItem">
<h2>Seamless Team Workflow & Efficient Task Management</h2>
<p>Do you waste time organizing sticky notes, searching your email and apps for to-dos, and figuring
out
what
to work on first? Then you need one solution to prioritize your tasks, manage your time, and meet
your
deadlines.</p>
<img src="assets/apple.png" alt="aplle logo">
<img src="assets/play.png" alt="play-shop logo">
</div>
<img src="assets/performance.png" alt="performance" class="performance Big">
</article>
<article class="article4">
<h2>Trust us and feel free to try our service</h2>
<div class="imageBox">
<img src="assets/girl 1.png" alt="" style="top:0%; left:2%; width:15em; ">
<img src="assets/girl 1.png" alt="" style="bottom:0%; left:2%; width:10em;">
<img src="assets/girl 1.png" alt="" style="bottom:0%; right:2%; width:8em;">
<img src="assets/girl.png" alt="" style="top:0%; right:2%;">
<img src="assets/girl.png" alt="" style="top:50%; right:20%; transform:translate(0, -50%); width:4em;"
class="Big">
<img src="assets/girl.png" alt="" style="top:50%; left:20%; transform:translate(0, -50%); width:8em;"
class="Big">
<span class="howMuchUsers">100 000</span>
</div>
<h2>Get better work done</h2>
<p>See why millions of people across 195 countries use Dash.</p>
<form action="">
<input type="email" name="eMail" class="eMail" placeholder="Name@company.com">
<button class="fillButton">Try it free</button>
</form>
</article>
</div>
<footer>
<p> made with ❤️ by Krzysztof Pawlak </p>
</footer>
<script src="script.js"></script>
</body>
</html>