-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (154 loc) · 5.24 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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>My layouts</title>
<link rel="stylesheet" href="./styles/main.css">
</head>
<body>
<header>
</header>
<main>
<section class="project scroll-animation">
<img src="assets/scroll-animation/scroll_preview.png"
alt="scroll-animation preview">
<div class="project-description">
<h3>Scroll animation effect</h3>
<p class="description">
The effect of scaling of text when scrolling the page
</p>
<a href="./scroll-animation/index.html"></a>
</div>
</section>
<section class="project menu-ui">
<img src="assets/menu-ui/menu_preview.png" alt="menu-ui preview">
<div class="project-description">
<h3>Vertical menu</h3>
<p class="description">
Simple vertical menu with hover effect
</p>
<a href="./menu-ui/index.html"></a>
</div>
</section>
<section class="project circular-menu">
<img src="assets/circular-menu/circular_preview.png"
alt="circular-menu preview">
<div class="project-description">
<h3>Circular navigation menu</h3>
<p class="description">
Animated circular navigation menu
</p>
<a href="./circular-menu/index.html"></a>
</div>
</section>
<section class="project space-tourism">
<img src="assets/space-tourism/space_preview.png"
alt="space-tourism preview">
<div class="project-description">
<h3>Multi-page website</h3>
<p class="description">
Space tourism multi-page website
</p>
<a href="./space-tourism/index.html"></a>
</div>
</section>
<section class="project social-lab">
<img src="assets/social-lab/social_preview.png" alt="social-lab preview">
<div class="project-description">
<h3>Social LAB - Landing page</h3>
<p class="description">
Social LAB landing page (Bootstrap 5)
</p>
<a href="./social-lab/index.html"></a>
</div>
</section>
<section class="project book-showcase">
<img src="assets/book-showcase/book_preview.png"
alt="book-showcase preview">
<div class="project-description">
<h3>Book Showcase Project</h3>
<p class="description">
Book Showcase Landing Page (Bootstrap 5, Gulp 4)
</p>
<a href="./book-showcase/dist/index.html"></a>
</div>
</section>
<section class="project glozzom-multipage">
<img src="assets/glozzom-multipage/glozzom_preview.png"
alt="glozzom-multipage preview">
<div class="project-description">
<h3>Glozzom Multipage</h3>
<p>
Responsive Multi Page Web Site (Bootstrap 5, Slick Slider)
</p>
<a href="./glozzom-multipage/dist/index.html"></a>
</div>
</section>
<section class="project admin-ui">
<img src="assets/admin-ui/admin_preview.png" alt="Admin Dashboard UI">
<div class="project-description">
<h3>Admin Dashboard UI</h3>
<p class="description">
Admin Dashboard for Backend on (Boorstrap 5)
</p>
<a href="./admin-ui/index.html"></a>
</div>
</section>
<section class="project portfolio-grid">
<img src="assets/portfolio-grid/portfolio_preview.png"
alt="Portfolio Grid">
<div class="project-description">
<h3>Portfolio Grid</h3>
<p class="description">
Portfolio Grid Page with collapsible content on (Boorstrap 5)
</p>
<a href="./portfolio-grid/index.html"></a>
</div>
</section>
<section class="project stepik-lp">
<img src="assets/stepik-lp/stepik_preview.png" alt="Stepik Landing Page">
<div class="project-description">
<h3>Stepik Landing Page</h3>
<p class="description">
Simple Landing Page. Final task in Stepik course
</p>
<a href="./stepik-lp/index.html"></a>
</div>
</section>
<section class="project work-anywhere">
<img src="assets/work-anywhere/work_preview.png"
alt="First Screen Design">
<div class="project-description">
<h3>First Screen Design</h3>
<p class="description">
Responsive Layout of "Work Anywhere" project (Tailwind CSS)
</p>
<a href="./work-anywhere/src/index.html"></a>
</div>
</section>
<section class="project manage-lp">
<img src="assets/manage-lp/manage_preview.png" alt="Manage landing page">
<div class="project-description">
<h3>Manage landing page</h3>
<p class="description">
Landing page made with (Tailwind CSS)
</p>
<a href="./manage-lp/index.html"></a>
</div>
</section>
<section class="project king-solution">
<img src="assets/king-solution/king_preview.png" alt="King Solution IT">
<div class="project-description">
<h3>King Solution IT</h3>
<p class="description">
Multipage site of King Solution IT
</p>
<a href="./king-solution/dist/index.html"></a>
</div>
</section>
</main>
<footer></footer>
</body>
</html>