Skip to content

Commit

Permalink
Added comments to index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@cavilosa
cavilosa committed Nov 11, 2020
1 parent 0ce4709 commit d43e282
Show file tree
Hide file tree
Showing 5 changed files with 263 additions and 128 deletions.
28 changes: 14 additions & 14 deletions css/photo-galery.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ body {
grid-template-columns: 100vw;
grid-template-rows: repeat(3, auto);
grid-template-areas:
"tx"
"pc"
"ft";
"tx tx tx tx"
"pc pc pc pc"
"ft ft ft ft";
width: 100vw;
}

Expand Down Expand Up @@ -113,30 +113,30 @@ footer {
.fa {
width: 20px;
height: 20px;
text-align: center;
text-align: right;
padding: 0.5em;
}

.icon-bar a:hover {
background-color: rgb(255, 230, 255);
background-color: rgb(255, 230, 255);
}

.facebook {
background: rgb(59, 89, 152);
color: white;
margin: 5px;
background: rgb(59, 89, 152);
color: white;
margin: 5px;
}

.google {
background: rgb(221, 75, 57);
color: white;
margin: 5px;
background: rgb(221, 75, 57);
color: white;
margin: 5px;
}

.linkedin {
background: rgb(0, 123, 181);
color: white;
margin: 5px;
background: rgb(0, 123, 181);
color: white;
margin: 5px;
}

.github {
Expand Down
62 changes: 44 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,43 +6,60 @@
initial-scale=1, shrink-to-fit=no">
<title>Blog Homepage</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital@1&family=Itim&display=swap" rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap"
rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link
href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital@1&family=Itim&display=swap"
rel="stylesheet">
</head>
<body>
<!-- A container for the whole page -->
<section class="container">
<!--First tor with blog title and navigation -->
<article class="title-row">
<h1>КиевБрэндон</h1>
<nav>
<ul>
<li><a href="posts.html">Посты</a></li>
<li><a href="we.html">Мы</a></li>
<li><a href="photo-galery.html">Фотогалерея</a></li>
<li><a href="https://assiniboine.net/">Что нужно знать об АСС</a></li>
<li><a href="https://assiniboine.net/">
Что нужно знать об АСС</a></li>
</ul>
</nav>
</article>
<!-- Container for card and posts-->
<div class="card-posts">
<!-- Blog card -->
<div class="post-card">
<figure>
<img src="images/fox.jpg" alt="Andrey"/>
<figcaption>Андрей Гапонов</figcaption>
</figure>
<p><u>Магистр Электроэнерготехники</u></p>
<p><u>СиПи Рэил, Специалист</u></p>
<!-- Short bio appeard @media 600px-900px-->
<article class="post-bio">
<h2><u>Краткая биография</u></h2>
<p>Я — инженер электрик с опытом работы с оборудованием
<h2><u>Краткая биография</u></h2>
<p>
Я — инженер электрик с опытом работы с оборудованием
220/380 и системами учета электроэнергии. Я же
специалист по оптимизации работы склада: увеличение
производительности труда, внедрение ноу-хау, внедрение
систем управления складом, складская экспертиза. Теперь я
еще и студент колледжа по специальности – инженер связи
(communication engineering technology – wireless).</p>
производительности труда, внедрение ноу-хау,
внедрение систем управления складом, складская
экспертиза. Теперь я еще и студент колледжа по
специальности – инженер связи (communication
engineering technology – wireless).
</p>
</article>
</div>
<!-- Posts -->
<article class="blog-post" id="blog-post-1">
<h2><u>Фото дня</u></h2>
<p>Вот подумал показывать что же такое БК, буду каждый
Expand All @@ -59,19 +76,24 @@ <h2><u>Каждый кулик свое болото хвалит</u></h2>
меня один вопрос.</p>
<b><a href="posts.html">Читать далее...</a></b>
</article>
<!-- Link to all the posts-->
<article class="blog-post" id="posts-link">
<a href="posts.html"><h2>Все посты</h2></a>
</article>
<!-- Short bio appears @media min 1200px-->
<div class="bio">
<h2><u>Краткая биография</u></h2>
<p>Я — инженер электрик с опытом работы с оборудованием
220/380 и системами учета электроэнергии. Я же
специалист по оптимизации работы склада: увеличение
производительности труда, внедрение ноу-хау, внедрение
систем управления складом, складская экспертиза. Теперь я
еще и студент колледжа по специальности – инженер связи
(communication engineering technology – wireless).</p>
<p>
Я — инженер электрик с опытом работы с оборудованием
220/380 и системами учета электроэнергии. Я же
специалист по оптимизации работы склада: увеличение
производительности труда, внедрение ноу-хау, внедрение
систем управления складом, складская экспертиза. Теперь
я еще и студент колледжа по специальности – инженер
связи (communication engineering technology – wireless).
</p>
</div>
<!-- Large screen posts appear @media min 1200-->
<article class="large-screen" id="large-screen-1">
<h2><u>Стоит почитать</u></h2>
<p>Привет, пока я немного сачкую, и пишу в блог
Expand Down Expand Up @@ -104,6 +126,7 @@ <h2><u>Привет, друзья</u></h2>
<b><a href="posts.html">Читать далее...</a></b>
</article>
</div>
<!-- Some pics for 600px and more screen-->
<div class="posts tablet">
<div class="post">
<img src="images/Valter.jpg" alt="Dog">
Expand All @@ -123,8 +146,10 @@ <h2><u>Привет, друзья</u></h2>
</a>
</div>
</div>
<!-- Footer with subscribtion and social media links-->
<footer lang="en">
<div class="subscribtion">
<!-- subscribtion -->
<h3>Subscribe to our new posts!</h3>
<form>
<label for="name">Full Name</label><br>
Expand All @@ -137,6 +162,7 @@ <h3>Subscribe to our new posts!</h3>
<br>
</div>
<br>
<!--Social media links -->
<div class="icon-bar">
<a href="https://www.facebook.com/maryna.korzhyk"
class="facebook"><i class="fa fa-facebook"></i></a>
Expand Down
27 changes: 15 additions & 12 deletions photo-galery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,10 @@
name="viewport"/>
<title>Photo Galery</title>
<link rel="stylesheet" href="css/photo-galery.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap"
rel="stylesheet">
</head>
<body>
<section class="galery">
Expand All @@ -19,20 +21,21 @@ <h1>Фотогалерея</h1>
<li><a href="posts.html">Посты</a></li>
<li><a href="we.html">Мы</a></li>
<li><a href="index.html">Главная страница</a></li>
<li><a href="https://assiniboine.net/">Что нужно знать об АСС</a></li>
<li><a href="https://assiniboine.net/">
Что нужно знать об АСС</a></li>
</ul>
</nav>
</div>

<p>Решился я таки завести фотоальбом чудесного города Брендон 🙂
Надеюсь пригодится. На эту страницу по мере поступления я буду
добавалять фотки, потому, как тогда ,когда я ехал, посмотреть на
Брендон мне хотелось очень сильно, родственникам показать тоже
хотел что же такое Манитоба и в часности Брендон, а фото
доступных было мало, а уж альбома полноценного я вообще не
нашел.</p>
<p>Теперь тут быдут появлятся фото Британской Колумбии.
Новые фотки:</p>
<p> Решился я таки завести фотоальбом чудесного города Брендон 🙂
Надеюсь пригодится. На эту страницу по мере поступления я
буду добавалять фотки, потому, как тогда ,когда я ехал,
посмотреть на Брендон мне хотелось очень сильно,
родственникам показать тоже хотел что же такое Манитоба и в
часности Брендон, а фото доступных было мало, а уж альбома
полноценного я вообще не нашел.</p>
<p> Теперь тут быдут появлятся фото Британской Колумбии.
Новые фотки:</p>
</article>
<div class="pistures">
<div class="picture">
Expand Down
Loading

0 comments on commit d43e282

Please sign in to comment.