JSFiddle - React, Tailwind, and code Playground
by Suryar Praveen
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lycamobile | Homepage</title>
<meta name="description" content="Lycamobile | Recharge | Buy New SIM">
<meta name="author" content="Lycamobile">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Library CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/theme-responsive.css">
</head>
<body class="home">
<!-- Loader Container -->
<div class="page-mask" style="display:none;">
<div class="page-loader">
<div class="spinner"></div>
Loading...
</div>
</div>
<!-- END Loader Container -->
<!-- Wrap -->
<div class="wrap">
<!-- Header -->
<header id="header">
<!-- Header Top Bar -->
<!-- END Header Top Bar -->
<!-- Main Header -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<div class="top-bar">
<div class="container">
<!-- Top Menu -->
<div class="pull-right">
<ul class="list-unstyled list-inline">
<li><img src="img/united-kingdom.png" alt="" title="" class=""> United Kingdom
<a href="javascript:void(0)">Change</a>
</li>
<li><select class="minimal"><option value="EN">English</option></select></li>
<li>|</li>
...