JSFiddle - React, Tailwind, and code Playground

by Sampath_Madhuranga

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Contact page</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    <section id="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-sm-push-8">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3><i class="icon-time main-color"></i>C</h3>
                        </div>
                        <div class="panel-body">
                            <table class="table">
                                <thead>
                                    <tr> 
                                        <th>Call us</th>
                                        <th>Write us</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><a href="tel:+4512345678">+ 45 12 34 56 78</td>
                                        <td><a href="mailto:[email protected]">[email protected]</td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="table">
                                <thead>
                                    <tr> 
                                        <th>Dag</th>
                                        <th>Tidspunkt</th>
             ...

CSS

#content{
        background:#ffffff;
      }
    
      .hr-spacing {
        margin-top: 10px;
        margin-bottom: 10px;
      }
    
      .dot {
      height: 10px;
      width: 10px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      background-color: green;
      }