Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
appearance.drawio
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
Обиджанов Алишер Сухробович М33071

**Тема**: Арт галерея
**Тема**: Галерея изображений

![](appearance.png)
Binary file added appearance.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/examples/avogado6/example1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/examples/avogado6/example2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/examples/avogado6/example3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/examples/avogado6/example4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/examples/avogado6/example5.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/logo/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 64 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="ru">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Арт галерея</title>
</head>

<body>

<footer class="l-footer">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

футер вверху - оригинально конечно)) Надо поправить семантику - сначала header, потом main с контентом (можно на section поделить) и footer в конце

<nav class="l-left">
<img src="images/logo/logo.png" alt="Изображение 1">
<ul class="m-contacts">
<li class="m-contact"><a class="s-telegram" href="https://t.me/Magistones">Telegram</a></li>
<li class="m-contact"><a class="s-vk" href="https://vk.com/obidjanow">VK</a></li>
<li class="m-contact"><span class="s-phone-number">+7(911)-952-60-00</span>
</ul>
</nav>
<div class="l-right">
<a href="#"><span class="Name">Name</span></a>
</div>
</footer>

<header class="l-header">
<span class="page-name">Арт галерея</span>
<form>
<input class="s-find-search" type="search">
<input class="s-find-bottom" type="submit" value="Найти">
</form>
</header>

<main class="l-main">
<div class="l-autors-and-examples">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

я бы еще какой то блок добавил на сайте, пустовато имхо. Раз у тебя галерея - можно сверху добавить поиск по выдаче с фильтрами, отмечать понравившиеся работы и т.д.

<h2 class="m-author-name">avogado6</h2>
<div class="l-examples">
<article class="m-example">
<a href="images/examples/avogado6/example1.jpg"><img src="images/examples/avogado6/example1.jpg" alt="Изображение 1"></a>
<p>
Бессердечный <br>
非情 / hijō
</p>
</article>
<article class="m-example">
<a href="images/examples/avogado6/example2.jpg"><img src="images/examples/avogado6/example2.jpg" alt="Изображение 2"></a>
<p>
Сумерки <br>
黄昏 / tasogare
</p>
</article>
<article class="m-example">
<a href="images/examples/avogado6/example3.jpg"><img src="images/examples/avogado6/example3.jpg" alt="Изображение 3"></a>
<p>
Замороженный <br>
凍結 / tōketsu
</p>
</article>
</div>
</div>
</main>
</body>

</html>