03

oxica · Aug 30, 2024 · 6d7bcb6 · 6d7bcb6
1 parent 4c23d53
commit 6d7bcb6
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -36,6 +36,39 @@ <h3>Front End Developer</h3>
                 </div>
             </div>
         </div>
+        <div class="book-page page-right" id="turn-1">
+            <div class="page-front">
+                <h1 class="title">Work experience</h1>
+
+                <div class="workeduc-box">
+
+                    <div class="workeduc-content">
+                        <span class="year"><i class='bx bx-calendar'></i>2022 - 2024 Poland</span>
+                        <h3>Sp. z o.o. "KINOKO"</h3>
+                        <p>- learned Polish to a communicative level</p>
+                        <p>- helped improve the website</p>
+                    </div>
+
+                    <div class="workeduc-content">
+                        <span class="year"><i class='bx bx-calendar'></i>2016 - 2022 Ukraine</span>
+                        <h3>Food Blogger own sites</h3>
+                        <p>- created the semantic core of the site</p>
+                        <p>- wrote articles</p>
+                        <p>- took author's photos for articles</p>
+                    </div>
+
+                    <div class="workeduc-content">
+                        <span class="year"><i class='bx bx-calendar'></i>2018 - 2020 Ukraine</span>
+                        <h3>Accountant in a Public organization ST"DELTA"</h3>
+                        <p>- automated accounting processes</p>
+                        <p>- created social channels for informing members of the organization</p>
+                        <p>- created the official website of the organization</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="page-back"></div>
+        </div>
     </div>
 </div>
 

diff --git a/style.css b/style.css
@@ -166,3 +166,20 @@ color: var(--main-color);
     background: var(--main-color);
 color: var(--white-color);
 } */
+
+.book-page.page-right{
+    position: absolute;
+    right: 0;
+}
+
+.book-page .page-front,
+.book-page .page-back{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: var(--pages-color);
+}
+
+