Skip to content

Commit

Permalink
Update trainings template, add more social icon conversion
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jooseppi12
Jooseppi12 committed Jan 15, 2021
1 parent 5d75405 commit dfb76b4
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 250 deletions.
8 changes: 4 additions & 4 deletions src/Hosted/blogpost.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,10 +53,10 @@ <h2>${Date}</h2>
</div>
<hr class="space" />
<div class="icon-links icon-links-button full-width icon-social social-colors">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
<a data-social="share-pinterest" class="pinterest"><i class="icon-pinterest"></i></a>
<a data-social="share-facebook" class="facebook"><i class="fab fa-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="fab fa-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="fab fa-linkedin"></i></a>
<a data-social="share-pinterest" class="pinterest"><i class="fab fa-pinterest"></i></a>
</div>
<hr />
<div class="cnt-box cnt-box-side box-small">
Expand Down
10 changes: 5 additions & 5 deletions src/Hosted/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -205,10 +205,10 @@ <h2>${Date}</h2>
<div ws-hole="Article"></div>
<hr class="space" />
<div class="icon-links icon-links-button full-width icon-social social-colors">
<a data-social="share-facebook" class="facebook"><i class="icon-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="icon-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="icon-linkedin"></i></a>
<a data-social="share-pinterest" class="pinterest"><i class="icon-pinterest"></i></a>
<a data-social="share-facebook" class="facebook"><i class="fab fa-facebook"></i></a>
<a data-social="share-twitter" class="twitter"><i class="fab fa-twitter"></i></a>
<a data-social="share-linkedin" class="linkedin"><i class="fab fa-linkedin"></i></a>
<a data-social="share-pinterest" class="pinterest"><i class="fab fa-pinterest"></i></a>
</div>
<hr />
<div class="cnt-box cnt-box-side box-small">
Expand Down Expand Up @@ -405,7 +405,7 @@ <h4>Newsletter signup</h4>
</div>
<div class="bottom" ws-replace="Cookie"></div>
<link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
<link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icon.css">
<link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
<script src="/themekit/scripts/parallax.min.js"></script>
<script src="/themekit/scripts/imagesloaded.min.js"></script>
<script src="/themekit/scripts/pagination.min.js"></script>
Expand Down
8 changes: 8 additions & 0 deletions src/Hosted/themekit/media/icons/fontawesome/icons.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* General Font Awesome rules */
.fa,
.fas,
.far,
Expand Down Expand Up @@ -39,6 +40,7 @@
font-weight: 900;
}

/* Social icons */
.fa-vimeo:before {
content: "\f40a";
}
Expand All @@ -59,6 +61,12 @@
content: "\f08c";
}

.fa-pinterest:before {
content: "\f0d2";
}

/* Spinner */

.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
Expand Down
245 changes: 4 additions & 241 deletions src/Hosted/trainings.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
<link rel="stylesheet" href="/themekit/css/style.css">
<link rel="stylesheet" href="/themekit/css/content-box.css">
<link rel="stylesheet" href="/themekit/css/media-box.css">
<link rel="stylesheet" href="/themekit/css/contact-form.css">
<link rel="stylesheet" href="/themekit/css/social.css">
<link rel="stylesheet" href="/assets/skin.css">
<link rel="stylesheet" href="/assets/custom.css">
Expand All @@ -21,171 +22,7 @@
<body>
<div id="preloader"></div>
<nav class="menu-classic menu-transparent light menu-fixed menu-one-page align-right" data-menu-anima="fade-bottom" data-scroll-detect="true">
<div ws-replace="MenuBar">
<div class="container">
<div class="menu-brand">
<a href="#">
<img class="logo-default" src="media/logo-light.svg" alt="logo" />
<img class="logo-retina" src="media/logo-light.svg" alt="logo" />
</a>
</div>
<i class="menu-btn"></i>
<div class="menu-cnt">
<ul>
<li class="dropdown">
<a href="#">Sites</a>
<ul>
<li><a href="index-saas.html">Saas</a></li>
<li><a href="index-fintech.html">Fintech</a></li>
<li><a href="index-sport.html">Sport</a></li>
<li><a href="index-food.html">Food</a></li>
<li><a href="index-chat.html">Chat</a></li>
<li><a href="index-music.html">Music</a></li>
<li><a href="index-photo.html">Photo</a></li>
<li><a href="index-travel.html">Travel</a></li>
<li><a href="index-news.html">News</a></li>
<li><a href="index.html">Intro</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Pages</a>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="customers.html">Success stories</a></li>
<li><a href="pricing-1.html">Pricing one</a></li>
<li><a href="pricing-2.html">Pricing two</a></li>
<li><a href="team.html">Team</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Blog</a>
<ul>
<li><a href="blog-1.html">Blog one</a></li>
<li><a href="blog-2.html">Blog two</a></li>
<li><a href="post.html">Post</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Contacts</a>
<ul>
<li><a href="contacts-1.html">Contacts one</a></li>
<li><a href="contacts-2.html">Contacts two</a></li>
<li><a href="contacts-3.html">Contacts three</a></li>
</ul>
</li>
<li class="mega-dropdown mega-tabs">
<a href="#">Elements</a>
<div class="mega-menu">
<div class="tab-box" data-tab-anima="fade-in">
<ul class="tab-nav">
<li class="active"><a href="#">Components</a></li>
<li><a href="#">Containers and sections</a></li>
<li><a href="#">Navigation and headers</a></li>
</ul>
<div class="panel active">
<div class="col">
<ul class="icon-list">
<li><a href="elements/components/buttons.html">Buttons and inputs</a></li>
<li><a href="elements/components/contact-form.html">Contact form</a></li>
<li><a href="elements/components/content-box.html">Content box</a></li>
<li><a href="elements/components/countdown.html">Countdown</a></li>
<li><a href="elements/components/counter.html">Counter</a></li>
<li><a href="elements/components/icons.html">Icons</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/components/image-box.html">Image box</a></li>
<li><a href="elements/components/inner-menu.html">Inner menu</a></li>
<li><a href="elements/components/lists.html">Lists</a></li>
<li><a href="elements/components/map.html">Map</a></li>
<li><a href="elements/components/media-box.html">Media box</a></li>
<li><a href="elements/components/progress-bar.html">Progress bar</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/components/social.html">Social</a></li>
<li><a href="elements/components/table.html">Table</a></li>
<li><a href="elements/components/timeline.html">Timeline</a></li>
<li><a href="elements/components/typography.html">Typography</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="col">
<ul class="icon-list">
<li><a href="elements/containers/accordion.html">Accordion</a></li>
<li><a href="elements/containers/album.html">Album</a></li>
<li><a href="elements/containers/collapse.html">Collapse</a></li>
<li><a href="elements/containers/fixed-area.html">Fixed area</a></li>
<li><a href="elements/containers/grid.html">Grid</a></li>
<li><a href="elements/containers/lightbox.html">Lightbox</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/containers/masonry.html">Masonry</a></li>
<li><a href="elements/containers/scroll-box.html">Scroll box</a></li>
<li><a href="elements/containers/slider.html">Slider</a></li>
<li><a href="elements/containers/steps.html">Steps</a></li>
<li><a href="elements/containers/tab.html">Tab</a></li>
<li><a href="elements/sections/base.html">Section base</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/sections/image.html">Section image</a></li>
<li><a href="elements/sections/slider.html">Section slider</a></li>
<li><a href="elements/sections/video.html">Section video</a></li>
<li><a href="elements/sections/block.html">Section block</a></li>
<li><a href="elements/sections/map.html">Section map</a></li>
</ul>
</div>
</div>
<div class="panel">
<div class="col">
<ul class="icon-list">
<li><a href="elements/navs/big-box.html">Big box</a></li>
<li><a href="elements/navs/classic.html">Classic</a></li>
<li><a href="elements/navs/classic-transparent.html">Transparent</a></li>
<li><a href="elements/navs/icon.html">Icon</a></li>
<li><a href="elements/navs/icon-top.html">Icon top</a></li>
<li><a href="elements/navs/side.html">Side</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/navs/side-collapse.html">Side collapse</a></li>
<li><a href="elements/navs/subtitle.html">Subtitle</a></li>
<li><a href="elements/navs/top-logo.html">Top logo</a></li>
<li><a href="elements/navs/classic-dropdown.html">Dropdown types</a></li>
<li><a href="elements/headers/image.html">Header image</a></li>
<li><a href="elements/headers/slider.html">Header slider</a></li>
</ul>
</div>
<div class="col">
<ul class="icon-list">
<li><a href="elements/headers/video.html">Header video</a></li>
<li><a href="elements/headers/base.html">Header base</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="menu-right">
<div class="menu-custom-area">
<a class="btn btn-xs btn-border btn-circle" href="#">Download App</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div ws-replace="MenuBar"></div>
</nav>
<div ws-replace="HeaderContent" ws-template="TrainingBody">
<div class="trainings-map">
Expand Down Expand Up @@ -424,83 +261,9 @@ <h3>Twitter</h3>
</main>
<i class="scroll-top-btn scroll-top show"></i>
<footer class="footer light">
<div ws-replace="Footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<h4>Company and team</h4>
<div class="menu-inner menu-inner-vertical">
<ul>
<li>
<a href="#">Company details and team</a>
</li>
<li>
<a href="#">News and blog</a>
</li>
<li>
<a href="#">Press area</a>
</li>
<li>
<a href="#">Affiliates and marketing</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<h4>Help and support</h4>
<div class="menu-inner menu-inner-vertical">
<ul>
<li>
<a href="#">Help centre</a>
</li>
<li>
<a href="#">Feedbacks</a>
</li>
<li>
<a href="#">Request new features</a>
</li>
<li>
<a href="#">Contact us</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<h4>Learn more</h4>
<div class="menu-inner menu-inner-vertical">
<ul>
<li>
<a href="#">Apps stores</a>
</li>
<li>
<a href="#">Partners</a>
</li>
<li>
<a href="#">Privacy and terms</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<h4>Follow us</h4>
<div class="icon-links icon-social icon-links-grid social-colors">
<a class="facebook"><i class="icon-facebook"></i></a>
<a class="twitter"><i class="icon-twitter"></i></a>
<a class="linkedin"><i class="icon-linkedin"></i></a>
<a class="youtube"><i class="icon-youtube"></i></a>
<a class="instagram"><i class="icon-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="footer-bar">
<div class="container">
<span>© Codrop LTD 2019. Codrop is a powerful Landing Page App Template built with <a target="_blank" href="https://themekit.dev/code/">Themekit</a> by the <a target="_blank" href="https://schiocco.com/">Schiocco</a> Team. </span>
<span><img src="media/logo-light.svg" /></span>
</div>
</div>
</div>
<div ws-replace="Footer"></div>
<div class="bottom" ws-replace="Cookie"></div>
<link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
<link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
<script src="/themekit/scripts/parallax.min.js"></script>
<script src="/themekit/scripts/imagesloaded.min.js"></script>
Expand Down

0 comments on commit dfb76b4

Please sign in to comment.