css tabs

 <div class="nav">

                <input id="info" type="radio" name="nav" checked>

                <label for="info" title="Информация">Информация</label>

                <input id="credit" type="radio" name="nav">

                <label for="credit" title="Кредит">Кредит</label>

                <input id="payment" type="radio" name="nav">

                <label for="payment" title="Оплата">Оплата</label>

                <input id="more" type="radio" name="nav">

                <label for="more" title="Дополнительно">Дополнительно</label>

                <input id="help" type="radio" name="nav">

                <label for="help" title="Помощь">Помощь</label>

            </div>

        <div class="content">

            <section id="info-content"><p>Main info</p></section>

            <section id="credit-content"><p>Credits</p></section>

            <section id="payment-content"><p>Payments</p></section>

            <section id="more-content"><p>More dad</p></section>

            <section id="help-content"><p>helpeeeee</p></section>

        </div>

.nav {

    width: 100%;

    padding: 0px;

    margin: 0 auto;

}

section {

    display: none;

    width: 70%;

    margin-top: 0;

    background: #ddd;

}

.nav input {

  display: none;

}

.nav label {

  display: block;

  margin: 0 0 -1px;

  padding: 15px 25px;

  font-weight: 600;

  text-align: center;

  color: #aaa;

}

.nav label:hover {

    border-left: 4px solid #ddd;

    background: #364165;

    cursor: pointer;

}

.nav label:before {

  font-family: Helvetica;

  font-weight: normal;

  margin-right: 10px;

}

.nav input:checked + label {

  color: #555;

  border-top: 1px solid #009933;

  border-bottom: 1px solid #fff;

  background: #fff;

}

.nav > #info:checked ~ .content > #info-content,

.nav > #credit:checked ~ .content > #credit-content,

.nav > #payment:checked ~ .content > #payment-content,

.nav > #more:checked ~ .content > #more-content,

.nav > #help:checked ~ .content > #help-content {

    display: inline-block;

}