A Pen by Gilas Software Team

Thumbnail
This awesome code was written by gilasweb, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright gilasweb ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Gilas Software Team</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <nav>
  <div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#select" role="tab" aria-controls="nav-select" aria-selected="true">انتخاب سوالات</a>
    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#selected" role="tab" aria-controls="nav-selected" aria-selected="false">سوالات انتخاب شده</a>
  </div>
</nav>

<div class="tab-content" id="nav-tabContent">
  <div class="tab-pane fade show active" id="select" role="tabpanel" aria-labelledby="nav-select-tab">...</div>
  <div class="tab-pane fade" id="selected" role="tabpanel" aria-labelledby="nav-selected-tab">
    
  </div>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://shop.gilasweb.ir/js/popper.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/gilasweb/a-pen-by-gilas-software-team-YLrqvQ */
body {
  direction: rtl;
  margin: 15px;
}

Comments