Home | Tableaucertification

Tableau course from top industry leaders. Learn Tableau online with courses like Data Visualization with Tableau.

5 Pocket-Friendly Essentials You All Need to Create A Home Gym

“Why should I create a home gym? I am fit and fine then why I need a home gym setup?”

During this pandemic, Thousands of people are working from home, and In such a situation, health has become the priority of all of them. Not only working employees but the health of other family members are important. The easiest way to maintain your health and fitness is to create a home gym.

A home gym is a remedy that can save the cost of your heavy gym membership. If you have a spare room then you are a lucky person where you can set up a home gym. In this blog, I will let you know about the 5 essentials that you all need to create a home gym.

Why Create Home Gym?

Save your time to go the gym
Save the money on your gym membership
One time investment
Keep your body fit and maintained
Helps to maintain hygiene
Helps to lose belly fat
No time-bound and more.

In our busy lives, a home gym could be a boon for all of us, and in this corona war, Eazyro has come up with a set of home gym equipment and home gym machines.

5 Essentials to Create A Home Gym

Dumbbells

Dumbbells play a very important role in the gym. Whether you want to lose weight or want to strengthen your muscles, dumbbells are one of the most ingenious parts of equipment you can add to a home gym. Dumbbells set with a rack has come up in a variety of weight, you can choose as per the need of your body weight.

Barbell

With a barbell set, your dumbbells and barbell sets will get complete. A barbell weight set helps to gain strength in your muscles. The combination of dumbbells and barbell make your home gym complete.

Electric Treadmill

From ancient time, walk and running both are considered as the best exercise that keeps your brain and heart-healthy. Through electric treadmills, you can run and walk in your own house, it overcomes the stress of weather conditions and makes your morning healthy.

Skipping Rope

With skipping rope, we all have our childhood memories. This is not surprising that skipping rope is a fantastic cardio and coordination tool. It will give an experience of a full-body workout. It helps to stabilize your legs, hands, mind, upper body for jumping.

Pull Up Bar

Pull-ups are an excellent way to strengthen your upper body and keep it more healthy. My personal trainer and other professional trainers always recommend pulling bars in the gym essentials.

Conclusion

A home gym is a place that is a one-time and long-time investment. I think people should care about their physical fitness during this pandemic. If you are looking to buy home gym equipment, exercise machines for home, or cardio machines for home, but only at Eayro which is the best platform that has home gym types of equipment available at affordable prices.

#home gym equipment #home gym machine #exercise machine for home #home gym equipment for sale #cardio machines for home

Wiyada Yawai

1607523900

How To Create Tabs in Less Than 12 Minutes Using HTML CSS

In this video, We have created a Tab design in HTML and CSS without using JavaScript. I have also provided HTML and CSS code on my website, you can visit my website by clicking given link.

Subscribe: https://www.youtube.com/@CodingLabYT/featured

Source Code :

HTML :

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <!--<title> CSS Vertical Tabs </title>-->
    <link rel="stylesheet" href="style.css">
    <!-- Fontawesome CDN Link -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>
<body>
  <div class="container">
    <div class="topic">CSS Vertical Tabs.</div>
    <div class="content">
      <input type="radio" name="slider" checked id="home">
      <input type="radio" name="slider" id="blog">
      <input type="radio" name="slider" id="help">
      <input type="radio" name="slider" id="code">
      <input type="radio" name="slider" id="about">
      <div class="list">
        <label for="home" class="home">
        <i class="fas fa-home"></i>
        <span class="title">Home</span>
      </label>
      <label for="blog" class="blog">
        <span class="icon"><i class="fas fa-blog"></i></span>
        <span class="title">Blog</span>
      </label>
      <label for="help" class="help">
        <span class="icon"><i class="far fa-envelope"></i></span>
        <span class="title">Help</span>
      </label>
      <label for="code" class="code">
        <span class="icon"><i class="fas fa-code"></i></span>
        <span class="title">Code</span>
      </label>
      <label for="about" class="about">
        <span class="icon"><i class="far fa-user"></i></span>
        <span class="title">About</span>
      </label>
      <div class="slider"></div>
    </div>
      <div class="text-content">
        <div class="home text">
          <div class="title">Home Content</div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi excepturi ducimus sequi dignissimos expedita tempore omnis quos cum, possimus, aspernatur esse nihil commodi est maiores dolorum rem iusto atque, beatae voluptas sit eligendi architecto dolorem temporibus. Non magnam ipsam, voluptas quasi nam dicta ut. Ad corrupti aliquid obcaecati alias, nemo veritatis porro nisi eius sequi dignissimos ea repellendus quibusdam minima ipsum animi quae, libero quisquam a! Laudantium iste est sapiente, ullam itaque odio iure laborum voluptatem quaerat tempore doloremque quam modi, atque minima enim saepe! Dolorem rerum minima incidunt, officia!</p>
        </div>
        <div class="blog text">
          <div class="title">Blog Content</div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias tempora, unde reprehenderit incidunt excepturi blanditiis ullam dignissimos provident quam? Fugit, enim! Architecto ad officiis dignissimos ex quae iusto amet pariatur, ea eius aut velit, tempora magnam hic autem maiores unde corrupti tenetur delectus! Voluptatum praesentium labore consectetur ea qui illum illo distinctio, sunt, ipsam rerum optio quibusdam cum a? Aut facilis non fuga molestiae voluptatem omnis reprehenderit, dignissimos commodi repellat sapiente natus ipsam, ipsa distinctio. Ducimus repudiandae fuga aliquid, numquam.</p>
        </div>
        <div class="help text">
          <div class="title">Help Content</div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores error neque, officia excepturi dolores quis dolor, architecto iusto deleniti a soluta nostrum. Fuga reiciendis beatae, dicta voluptatem, vitae eligendi maxime accusamus. Amet totam aut odio velit cumque autem neque sequi provident mollitia, nisi sunt maiores facilis debitis in officiis asperiores saepe quo soluta laudantium ad non quisquam! Repellendus culpa necessitatibus aliquam quod mollitia perspiciatis ducimus doloribus perferendis autem, omnis, impedit, veniam qui dolorem? Ipsam nihil assumenda, sit ratione blanditiis eius aliquam libero iusto, dolorum aut perferendis modi laboriosam sint dolor.</p>
        </div>
        <div class="code text">
          <div class="title">Code Content</div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore magnam vitae inventore blanditiis nam tenetur voluptates doloribus error atque reprehenderit, necessitatibus minima incidunt a eius corrupti placeat, quasi similique deserunt, harum? Quia ut impedit ab earum expedita soluta repellat perferendis hic tempora inventore, accusantium porro consequuntur quisquam et assumenda distinctio dignissimos doloremque enim nemo delectus deserunt! Ullam perspiciatis quae aliquid animi quam amet deleniti, at dolorum tenetur, tempore laborum.</p>
        </div>
        <div class="about text">
          <div class="title">About Content</div>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus incidunt possimus quas ad, sit nam veniam illo ullam sapiente, aspernatur fugiat atque. Laboriosam libero voluptatum molestiae veniam earum quisquam, laudantium aperiam, eligendi dicta animi maxime sunt non nisi, ex, ipsa! Soluta ex, quibusdam voluptatem distinctio asperiores recusandae veritatis optio dolorem illo nesciunt quos ullam, dicta numquam ipsam cumque sed. Blanditiis omnis placeat, enim sit dicta eligendi voluptatibus laborum consectetur repudiandae tempora numquam molestiae rerum mollitia nemo. Velit perspiciatis, nesciunt, quo illo quas error debitis molestiae et sapiente neque tempore natus?</p>
        </div>
      </div>
    </div>
  </div>

</body>
</html>

CSS :

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dad3f8;
}
::selection{
  background: #6d50e2;
  color: #fff;
}
.container{
  max-width: 950px;
  width: 100%;
  padding: 40px 50px  40px  40px;
  background: #fff;
  margin: 0 20px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.container .topic{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
}
.content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content .list{
  display: flex;
  flex-direction: column;
  width: 20%;
  margin-right: 50px;
  position: relative;
}
.content .list label{
  height: 60px;
  font-size: 22px;
  font-weight: 500;
  line-height: 60px;
  cursor: pointer;
  padding-left: 25px;
  transition: all 0.5s ease;
  color: #333;
  z-index: 12;
}
#home:checked ~ .list label.home,
#blog:checked ~ .list label.blog,
#help:checked ~ .list label.help,
#code:checked ~ .list label.code,
#about:checked ~ .list label.about{
  color: #fff;
}
.content .list label:hover{
  color: #6d50e2;
}
.content .slider{
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 100%;
  border-radius: 12px;
  background: #6d50e2;
  transition: all 0.4s ease;
}
#home:checked ~ .list .slider{
  top: 0;
}
#blog:checked ~ .list .slider{
  top: 60px;
}
#help:checked ~ .list .slider{
  top: 120px;
}
#code:checked ~ .list .slider{
  top: 180px;
}
#about:checked ~ .list .slider{
  top: 240px;
}
.content .text-content{
  width: 80%;
  height: 100%;
}
.content .text{
  display: none;
}
.content .text .title{
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: 500;
}
.content .text p{
  text-align: justify;
}
.content .text-content .home{
  display: block;
}
#home:checked ~ .text-content .home,
#blog:checked ~ .text-content .blog,
#help:checked ~ .text-content .help,
#code:checked ~ .text-content .code,
#about:checked ~ .text-content .about{
  display: block;
}
#blog:checked ~ .text-content .home,
#help:checked ~ .text-content .home,
#code:checked ~ .text-content .home,
#about:checked ~ .text-content .home{
  display: none;
}
.content input{
  display: none;
}

Download Code Files

#javascript #html #css

Spring Framework

1642110180

Spring: A Static Web Site Generator Written By GitHub Issues

Spring

Spring is a blog engine written by GitHub Issues, or is a simple, static web site generator. No more server and database, you can setup it in free hosting with GitHub Pages as a repository, then post the blogs in the repository Issues.

You can add some labels in your repository Issues as the blog category, and create Issues for writing blog content through Markdown.

Spring has responsive templates, looking good on mobile, tablet, and desktop.Gracefully degrading in older browsers. Compatible with Internet Explorer 10+ and all modern browsers.

Get up and running in seconds.

中文介绍

Quick start guide

For the impatient, here's how to get a Spring blog site up and running.

First of all

Fork the Spring repository as yours.
Goto your repository settings page to rename Repository Name.
Hosted directly on GitHub Pages from your project repository, you can take it as User or organization site or Project site(create a gh-pages branch).
Also, you can set up a custom domain with Pages.

Secondly

Open the index.html file to edit the config variables with yours below.

$.extend(spring.config, {
  // my blog title
  title: 'Spring',
  // my blog description
  desc: "A blog engine written by github issues [Fork me on GitHub](https://github.com/zhaoda/spring)",
  // my github username
  owner: 'zhaoda',
  // creator's username
  creator: 'zhaoda',
  // the repository name on github for writting issues
  repo: 'spring',
  // custom page
  pages: [
  ]
})

Put your domain into the CNAME file if you have.
Commit your change and push it.

And then

Goto your repository settings page to turn on the Issues feature.
Browser this repository's issues page, like this https://github.com/your-username/your-repo-name/issues?state=open.
Click the New Issue button to just write some content as a new one blog.

Finally

Browser this repository's GitHub Pages url, like this http://your-username.github.io/your-repo-name, you will see your Spring blog, have a test.
And you're done!

Custom development

Installation

You will need a web server installed on your system, for example, Nginx, Apache etc.
Configure your spring project to your local web server directory.
Run and browser it, like http://localhost/spring/dev.html .
dev.html is used to develop, index.html is used to runtime.

Folder Structure

spring/
├── css/
|    ├── boot.less  #import other less files
|    ├── github.less  #github highlight style
|    ├── home.less  #home page style
|    ├── issuelist.less #issue list widget style
|    ├── issues.less #issues page style
|    ├── labels.less #labels page style
|    ├── main.less #commo style
|    ├── markdown.less #markdown format style
|    ├── menu.less #menu panel style
|    ├── normalize.less #normalize style
|    ├── pull2refresh.less #pull2refresh widget style
|    └── side.html  #side panel style
├── dist/
|    ├── main.min.css  #css for runtime
|    └── main.min.js  #js for runtime
├── img/  #some icon, startup images
├── js/
|    ├── lib/  #some js librarys need to use
|    ├── boot.js  #boot
|    ├── home.js  #home page
|    ├── issuelist.js #issue list widget
|    ├── issues.js #issues page
|    ├── labels.js #labels page
|    ├── menu.js #menu panel
|    ├── pull2refresh.less #pull2refresh widget
|    └── side.html  #side panel
├── css/
|    ├── boot.less  #import other less files
|    ├── github.less  #github highlight style
|    ├── home.less  #home page style
|    ├── issuelist.less #issue list widget style
|    ├── issues.less #issues page style
|    ├── labels.less #labels page style
|    ├── main.less #commo style
|    ├── markdown.less #markdown format style
|    ├── menu.less #menu panel style
|    ├── normalize.less #normalize style
|    ├── pull2refresh.less #pull2refresh widget style
|    └── side.html  #side panel style
├── dev.html #used to develop
├── favicon.ico #website icon
├── Gruntfile.js #Grunt task config
├── index.html #used to runtime
└── package.json  #nodejs install config

Customization

Browser http://localhost/spring/dev.html, enter the development mode.
Changes you want to modify the source code, like css, js etc.
Refresh dev.html view change.

Building

You will need Node.js installed on your system.
Installation package.

bash

$ npm install

*   Run grunt task.

    ```bash
$ grunt

Browser http://localhost/spring/index.html, enter the runtime mode.
If there is no problem, commit and push the code.
Don't forget to merge master branch into gh-pages branch if you have.
And you're done! Good luck!

Report a bug

Check if the bug is already fixed in the master branch since the last release.
Check existing issues.
Open a new one, including exact browser & platform information.

Who used

If you are using, please tell me.

Download Details:
Author: zhaoda
Source Code: https://github.com/zhaoda/spring
License: MIT License

#spring #spring-framework #spring-boot #java

Elena Evans

1621678093

5 Pocket-Friendly Essentials You All Need to Create A Home Gym

A home gym is a place that is a one-time and long-time investment. I think people should care about their physical fitness during this pandemic. If you are looking to buy home gym equipment, exercise machines for home, or cardio machines for home, but only at Eayro which is the best platform that has home gym types of equipment available at affordable prices.

#home gym equipment #home gym machine #cardio machines for home #home gym equipment for sale

AppClues Infotech

1587391821

How to Work Productively From Home During COVID-19 Outbreak?

We all know that due to this COVID-19 outbreak, to maintain social distancing, all IT companies and other sectors, who can work from home, have included the working from home option in their policies. Employees are assigned with remote work connecting directly to their companies’ servers to ensure security and safety of information as well.
Working from home is an excellent option to be more productive; at the same time, it can make you lazy as well.

Working from the comfort of being at home can impact both ways. Even educational institutions remain closed, and students do not have classroom lessons because of this COVID-19 outbreak.

Hence, similar to work from home for employees, educational institutions have taken up virtual learning to students to keep them occupied until the coronavirus issue settles down. To keep yourself productive during this COVID-19 outbreak, here are some tips that you can make use of and exhibit your caliber and support to the organization you work for.

Tips To Increase Your Work Ability At Home

#work from home #how to work from home #remote work from home

Home | Tableaucertification

What is GEEK

Buddha Community

5 Pocket-Friendly Essentials You All Need to Create A Home Gym

How To Create Tabs in Less Than 12 Minutes Using HTML CSS

Spring: A Static Web Site Generator Written By GitHub Issues

Spring

Quick start guide

First of all

Secondly

And then

Finally

Custom development

Installation

Folder Structure

Customization

Building

Report a bug

Who used

5 Pocket-Friendly Essentials You All Need to Create A Home Gym

How to Work Productively From Home During COVID-19 Outbreak?