Россия
R0CAAG
Всего в базе данных QRZ.RU 1,582,624 позывных
Хабаровск Россия
RDA/URDA #HK-01
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Портфолио | Артём</title>
<style>
:root {
--primary: #00d2ff;
--secondary: #3a7bd5;
--bg: #0f172a;
--text: #f1f5f9;
--card-bg: #1e293b;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: var(--bg);
color: var(--text);
line-height: 1.6;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.container {
width: 90%;
max-width: 600px;
background: var(--card-bg);
padding: 40px;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
border: 1px solid rgba(255,255,255,0.1);
text-align: center;
}
h1 {
font-size: 2.5rem;
margin-bottom: 10px;
background: linear-gradient(to right, var(--primary), var(--secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subtitle {
color: var(--primary);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.9rem;
margin-bottom: 30px;
display: block;
}
.bio {
font-size: 1.1rem;
color: #94a3b8;
margin-bottom: 30px;
}
.skills-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 15px;
margin-top: 20px;
}
.skill-item {
background: rgba(255,255,255,0.05);
padding: 10px;
border-radius: 10px;
border: 1px solid rgba(0,210,255,0.2);
transition: all 0.3s ease;
}
.skill-item:hover {
background: var(--primary);
color: var(--bg);
transform: translateY(-5px);
font-weight: bold;
}
.contact-btn {
display: inline-block;
margin-top: 40px;
padding: 12px 30px;
background: linear-gradient(45deg, var(--primary), var(--secondary));
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
transition: opacity 0.3s;
}
.contact-btn:hover {
opacity: 0.9;
}
</style>
</head>
<body>
<div>
<header>
<h1>Артём</h1>
<span>Человек</span>
</header>
<main>
<p>
Привет! Я занимаюсь программированием и созданием современных веб-сайтов.
Уверенно чувствую себя в консоли Linux и люблю превращать строки кода в работающие интерфейсы.
</p>
<div>
<div>Development</div>
<div>Web Design</div>
<div>Linux / Bash</div>
<div>Backend</div>
</div>
</main>
<a href="artemzelaev029@gmail.com">Связаться со мной</a>
</div>
</body>
</html>