Erik Fehér
d97e432695
All checks were successful
Deploy new version of the application / Deploy Application (push) Successful in 3s
167 lines
6.7 KiB
HTML
167 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content-container="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="https://avatars.githubusercontent-container.com/u/16880356?v=4" type="image/x-icon">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<title>Erik Fehér</title>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<img class="card-image" src="./public/cozy1.jpg"/>
|
|
</div>
|
|
<div class="card-label">
|
|
ABOUT
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="content-wrapper">
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<div class="brand">Erik Feher</div>
|
|
</div>
|
|
<div class="header-center">
|
|
<div class="brand">About</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div class="control-button close">
|
|
<img class="close-svg" src="./public/close.svg"/>
|
|
</div>
|
|
<img class="next control-button" src="./public/next.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="card-content">
|
|
<div id="card-content-container">
|
|
<img id="card-content-image" src="./public/profile.jpg"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-listener"></div>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<img class="card-image" src="./public/cozy2.jpg"/>
|
|
</div>
|
|
<div class="card-label">
|
|
CONTACT
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="content-wrapper">
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<img class="back control-button" src="./public/next.svg"/>
|
|
<div class="brand">Erik Feher</div>
|
|
</div>
|
|
<div class="header-center">
|
|
<div class="brand">CONTACT</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div class="control-button close">
|
|
<img class="close-svg" src="./public/close.svg"/>
|
|
</div>
|
|
<img class="next control-button" src="./public/next.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="card-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-listener"></div>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<img class="card-image" src="./public/cozy3.png"/>
|
|
</div>
|
|
<div class="card-label">
|
|
SOCIALS
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="content-wrapper">
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<img class="back control-button" src="./public/next.svg"/>
|
|
<div class="brand">Erik Feher</div>
|
|
</div>
|
|
<div class="header-center">
|
|
<div class="brand">SOCIALS</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div class="control-button close">
|
|
<img class="close-svg" src="./public/close.svg"/>
|
|
</div>
|
|
<img class="next control-button" src="./public/next.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="card-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-listener"></div>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<img class="card-image" src="./public/cozy4.png"/>
|
|
</div>
|
|
<div class="card-label">
|
|
EXPERIENCE
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="content-wrapper">
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<img class="back control-button" src="./public/next.svg"/>
|
|
<div class="brand">Erik Feher</div>
|
|
</div>
|
|
<div class="header-center">
|
|
<div class="brand">EXPERIENCE</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div class="control-button close">
|
|
<img class="close-svg" src="./public/close.svg"/>
|
|
</div>
|
|
<img class="next control-button" src="./public/next.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="card-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-listener"></div>
|
|
</div>
|
|
<div class="card-wrapper">
|
|
<div class="card">
|
|
<img class="card-image" src="./public/cozy5.png"/>
|
|
</div>
|
|
<div class="card-label">
|
|
SKILLS
|
|
</div>
|
|
<div class="content-container">
|
|
<div class="content-wrapper">
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<img class="back control-button" src="./public/next.svg"/>
|
|
<div class="brand">Erik Feher</div>
|
|
</div>
|
|
<div class="header-center">
|
|
<div class="brand">SKILLS</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div class="control-button close">
|
|
<img class="close-svg" src="./public/close.svg"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-listener"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="script.js"></script>
|
|
|
|
</html> |