Skip to content

korektura #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
miljed wants to merge 1 commit into
base: master
Choose a base branch
from
Open

korektura #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
24 changes: 12 additions & 12 deletions dist/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ <h3 class="header-m py-1">Hotel HBT</h3>
<img class="article-img" src="img/HotelHBT.jpg" alt="Hotel HBT">
<a href="pages/HotelHBT/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/ModernHTMLandCSSShowroom/tree/master/dist/pages/HotelHBT" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">First project made with CSS without flex or grid. Even this was first project, it already have 3 pages and CSS file with &media for smaller screens.</p>
<p class="arcticle-text">First project made with CSS without flex or grid. Even though this was my first project, it already has 3 pages and a CSS file with &media for smaller screens.</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -54,7 +54,7 @@ <h3 class="header-m py-1">Edge Ledger</h3>
<img class="article-img" src="img/EdgeLedger.jpg" alt="Edge Ledger">
<a href="pages/EdgeLedger/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/ModernHTMLandCSSShowroom/tree/master/dist/pages/EdgeLedger" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">Second project introduced flex box into the process of web creation. Instructor also demonstrated using basic PHP for form processing along with implementation of google maps with JS.</p>
<p class="arcticle-text">Second project introduced flexbox into the process of web creation. The instructor also demonstrated usage of basic PHP for form processing, and implementation of google maps with JS.</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -63,7 +63,7 @@ <h3 class="header-m py-1">Hamburger Menu</h3>
<img class="article-img" src="img/HamburgerMenu.jpg" alt="Hamburger Menu">
<a href="pages/Hamburger%20Menu/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/ModernHTMLandCSSShowroom/tree/master/dist/pages/Hamburger%20Menu" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">This bonus project was actually great. Nice demonstration of power of basic CSS and showcase of transitions and sibling/child advanced selectors and work with them.</p>
<p class="arcticle-text">This bonus project was actually great. Nice demonstration of power of basic CSS and showcase of transitions and sibling/child advanced selectors and working with them.</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -72,7 +72,7 @@ <h3 class="header-m py-1">Dropdown Menu</h3>
<img class="article-img" src="img/DropdownMenu.jpg" alt="Dropdown Menu">
<a href="pages/Dropdown%20Menu/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/ModernHTMLandCSSShowroom/tree/master/dist/pages/Dropdown%20Menu" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">Bonus mini project to show students how to create responsive menu. Short, but with quite advanced CSS. I believe I will return to this project a lot in the future :)</p>
<p class="arcticle-text">Bonus mini project to show students how to create a responsive menu. Short, but with quite advanced CSS. I believe I will return to this project a lot in the future :)</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -90,7 +90,7 @@ <h3 class="header-m py-1">Presentation</h3>
<img class="article-img" src="img/Presentation.jpg" alt="Presentation">
<a href="pages/Presentation/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/ModernHTMLandCSSShowroom/tree/master/dist/pages/Presentation" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">This mini project is more than anything else just demonstration of using JS for scrolling and also how to make single page web look like multi-page web.</p>
<p class="arcticle-text">This mini project is more than anything else just a demonstration of using JS for scrolling and of making a single page web look like multi-page web.</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -99,7 +99,7 @@ <h3 class="header-m py-1">GridNews</h3>
<img class="article-img" src="img/GridNews.jpg" alt="GridNews">
<a href="https://keen-montalcini-cbd58e.netlify.com/" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/NewsGrid" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">This is rather bigger project with heavy use of CSS Grid to properly learn how CSS Grid works and how to use it in different situations. Also to get the hang of where to use Flex and where to use CSS Grid. Also this was first project where students are taught how to deploy website to Netlify.</p>
<p class="arcticle-text">This is quite a big project with heavy usage of CSS Grid to learn properly how CSS Grid works and how to use it in different situations. And to get the hang of where to use Flex and where to use CSS Grid. Furthermore, this was first project teaching how to deploy website to Netlify.</p>
</div>
</div>
<div class="article-wrapper">
Expand All @@ -108,7 +108,7 @@ <h3 class="header-m py-1">Portfolio</h3>
<img class="article-img" src="img/Portfolio.jpg" alt="Portfolio">
<a href="https://flamboyant-ramanujan-814aae.netlify.com/index.html" class="btn btn-s article_git" target="_blank">Show Web</a>
<a href="https://github.com/Ankhtepot/Portfolio" class="btn btn-s article_show" target="_blank">Show Repository</a>
<p class="arcticle-text">Last project in the course, quite extensive one for my level. Most important bit was implementing sass with node-sass compilation and deployment on Netlify. I realized, that after tasting sass, it's difficult to return to pure CSS really :) I liked this project, because it combined all of previous knowledge and has some really nice functions and transitions.</p>
<p class="arcticle-text">The last project in the course, quite extensive one for my level. Most important bit was implementing sass with node-sass compilation and deployment on Netlify. I realized, that after trying sass, it's difficult to return to pure CSS, really :) I liked this project, because it combines all the previous lessons, and it has some really nice functions and transitions.</p>
</div>
</div>
</div> <!-- End of Articles -->
Expand All @@ -119,10 +119,10 @@ <h3 class="header-m py-1">Portfolio</h3>
<section id="section-about">
<h2 class="header-l">About</h2>
<div class="bottom-line"></div>
<p class="p-2">This page is showroom of projects made during the course "Modern HTML & CSS from the beginning"
by Brad Traversy. Also I took the challenge to apply what I learned during this course and create this simple
web page with as many applied tools which I learned in the course as possible. Its my first complete web page ever
made and I'm aware its nothing wonderful, but each path starts with the first step :)</p>
<p class="p-2">This page is a showroom of projects made during the course "Modern HTML & CSS from the beginning"
by Brad Traversy. Also, I took the challenge to apply what I learned during this course and create this simple
web page with as many applied tools which I learned in the course as possible. It's my first complete web page ever
made and I'm aware it's not a miracle, but each path starts with the first step :)</p>

<div class="bottom-line"></div>
</section>
Expand Down Expand Up @@ -163,4 +163,4 @@ <h2 class="header-l">Contact</h2>
</div>
</footer>
</body>
</html>
</html>