-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (145 loc) · 8.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Արսեն Գաբրիելյանի Վեբ Կայքը">
<meta name="author" content="Արսեն Գաբրիելյան">
<meta name="theme-color" content="#0094FF">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="msapplication-TileImage" content="images/ms-icon-310x310.png">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" type="image/png" href="images/android-icon-192x192.png">
<link rel="apple-touch-icon" href="images/apple-icon-180x180.png">
<title>Արսեն Գաբրիելյան</title>
</head>
<body>
<div class="loader-wrapper">
<div class="loader"></div>
</div>
<header>
<div class="user">
<img src="images/profile.webp" alt="Arsen Gabrielyan">
<h3 class="name">Արսեն Գաբրիելյան</h3>
<p class="post">Ծրագրավորող</p>
</div>
<nav class="navbar">
<ul>
<li><a href="#home">Գլխավոր</a></li>
<li><a href="#about">Իմ մասին</a></li>
<li><a href="#portfolio">Պորտֆոլիո</a></li>
<li><a href="#contact">Կապ</a></li>
</ul>
</nav>
</header>
<div id="menu"><span></span><span></span><span></span></div>
<section class="home" id="home">
<h3>ՈՂՋՈՒՅՆ</h3>
<h1>Ես <span>Արսեն Գաբրիելյանն</span> եմ</h1>
<p>Ինձ հետաքրքրում են ծրագրավորումը, լուսանկարելը, որոշ անիմացիա ստեղծելը, գիտական փորձեր անելը և շատ ավելին: Սա Արսենի անձնական վեբ կայք է :-)</p>
<a href="#about">
<button class="btn">Իմ մասին <span class="iconify" data-icon="carbon:user-filled"></span>
</button>
</a>
</section>
<section class="about" id="about">
<h1 class="heading">Իմ <span>մասին</span></h1>
<div class="row">
<div class="info">
<h2><span>Անուն՝</span>Արսեն</h2>
<h2><span>Ազգանուն՝</span>Գաբրիելյան</h2>
<h2><span>Մասնագիտություն`</span>Սկսնակ Ծրագրավորող, Սկսնակ Լուսանկարող, Սկսնակ Անիմատոր</h2>
<h2><span>Լեզուներ՝</span>Հայերեն, Անգլերեն, Ռուսերեն</h2>
</div>
<div class="counter">
<div class="box"><span>3+</span>
<h3>տարվա փորձ</h3>
</div>
<div class="box"><span>10+</span>
<h3><a href="https://www.youtube.com/playlist?list=PLSI6KSDJfq-J6OxBprsyMjWmmLym2o7T3" target="_blank">Գիտաֆիզիկա</a>-ի սերիաներ</h3>
</div>
<div class="box"><span>12+</span>
<h3><a href="https://www.youtube.com/playlist?list=PLSI6KSDJfq-IcQ4ld9W1m_f8hnJTNe7gJ" target="_blank">Մուլտֆիլմներ</a> (Անիմացիաներ)</h3>
</div>
<div class="box"><span>40+</span>
<h3>Բաժանորդ Արսենի Յութուբյան Ալիքում</h3>
</div>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<h1 class="heading">Իմ <span>պորտֆոլիոն</span></h1>
<div class="box-container">
<div class="box">
<a href="images/photo/img1.webp" data-fslightbox="gallery">
<img src="images/photo/img1.webp" alt="Երևան">
</a>
</div>
<div class="box">
<a href="images/photo/img2.webp" data-fslightbox="gallery">
<img src="images/photo/img2.webp" alt="Երևան">
</a>
</div>
<div class="box">
<a href="images/photo/img3.webp" data-fslightbox="gallery">
<img src="images/photo/img3.webp" alt="Վաղարշապատ">
</a>
</div>
<div class="box">
<a href="images/photo/img4.webp" data-fslightbox="gallery">
<img src="images/photo/img4.webp" alt="Վաղարշապատ">
</a>
</div>
<div class="box">
<a href="images/photo/img5.webp" data-fslightbox="gallery">
<img src="images/photo/img5.webp" alt="Ծաղկաձոր">
</a>
</div>
<div class="box">
<a href="images/photo/img6.webp" data-fslightbox="gallery">
<img src="images/photo/img6.webp" alt="Սևան">
</a>
</div>
</div>
</section>
<section class="contact" id="contact">
<h1 class="heading"><span>Կապվեք</span> ինձ հետ</h1>
<div class="row">
<div class="content">
<h2 class="title">Ինֆորմացիա</h2>
<div class="info">
<h3><span class="iconify" data-icon="akar-icons:envelope"></span>Email :-)</h3>
<h3><span class="iconify" data-icon="akar-icons:youtube-fill"></span>Arsen Gabrielyan</h3>
<h3><span class="iconify" data-icon="akar-icons:github-fill"></span>ArsenGabrielyan</h3>
<h3><span class="iconify" data-icon="akar-icons:instagram-fill"></span>@arsen.6973</h3>
</div>
</div>
<form action="#" method="POST">
<input type="text" name="name" placeholder="Անուն" class="box">
<input type="email" name="_replyto" placeholder="Էլ․ Փոստ"class="box">
<input type="text" name="project" placeholder="Նախագիծ" class="box">
<textarea name="message" cols="30" rows="10" class="box message" placeholder="Հաղորդագրություն"></textarea>
<button type="submit" class="btn">Ուղարկել <span class="iconify" data-icon="la:paper-plane-solid"></span></button>
</form>
</div>
</section>
<footer>
<p class="copyright">© <span id="yearCount"></span> Արսեն Գաբրիելյան</p>
<div class="sm">
<a href="https://www.youtube.com/channel/UC406AOvJFhKXEZjPlwfEqhw" target="_blank" class="yt" aria-label="YouTube">
<span class="iconify" data-icon="akar-icons:youtube-fill"></span>
</a>
<a href="https://www.instagram.com/arsen.6973/" target="_blank" class="insta" aria-label="Instagram">
<span class="iconify" data-icon="akar-icons:instagram-fill"></span>
</a>
</div>
</footer>
<a href="#home" class="gotop"><img src="images/scroll-top-img.webp" alt="rocket" width="48" height="48"></a>
</body>
<script src="https://code.iconify.design/2/2.0.3/iconify.min.js"></script>
<script defer src="js/fslightbox.js"></script>
<script defer src="js/script.js"></script>
<script>window.addEventListener("load", function () { const loader = document.querySelector(".loader-wrapper"); loader.className += " loader-hidden" }); document.getElementById("yearCount").innerHTML = new Date().getFullYear()</script>
<noscript><style type="text/css">header, section, .home, .about, .portfolio, .contact, .copyright, .error-page, .loader-wrapper, #menu{ display: none;} body{ min-height: 100vh; text-align: center; background: #222; background-repeat: no-repeat} h1{ color: #0094ff; margin: 10px; font-size: 50px;} .err{ width: 100%; position: absolute; top: 50%;} p{ font-size: 22px; color: #eee;} @media screen and (max-width: 1440px){ p{ width: 1000px;} h1{ width: 1000px;}} @media screen and (max-width: 1024px){ p{ padding-right: 300px;} h1{ padding-right: 300px;}} @media screen and (max-width: 768px){ p{ padding-right: 0;} h1{ padding-right: 0;}} @media screen and (max-width: 425px){ p{ font-size: 5rem; padding-right: 0;} h1{ font-size: 10rem; padding-right: 0;}} </style><div class="err"><h1>Սխալ առաջացավ </h1><p>Ներեցեք, բայց ձեր դիտարկիչը չի աջակցում Javascript-ին. Խնդրում ենք միացնել </p><p>JavaScript-ը ձեր դիտարկչում՝ կայքի լավագույն փորձի համար:</p></div></noscript>
</html>