JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Lycamobile Uganda offers great value national and international prepaid and postpaid SIM only plans. Visit a Lycamobile retailer near you and purchase a SIM card.">
    <meta name="author" content="">
    <title>SIM Only Deals, Prepaid & Postpaid Plans, National & Internations Calls & Data</title>
    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/header.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- Font Awesome CSS -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  </head>

  <body>
    <header class="header fixed-top shadow-sm">
      <div class="container-fluid container_class">
        <nav class="navbar navbar-expand-lg justify-content-between">
          <a class="navbar-brand" routerlink="" href="/"><img src="images/main-logo.svg"></a><button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarSupportedContent" data-toggle="collapse" id="navButton" type="button"><i class="fa fa-bars"></i></button>
          <div class="row">
            <div class="col-sm-12 d-flex justify-content-end align-items-center top_menu">
              <div class="current_web_country">
                <img src="images/uganda.png"><span> Uganda </span>
                <a class="change_counrty" href="javascript:void(0);">change</a>
                <div class="counrty_dropdown">
                  <ul>
                    <li><a target="_blank"...