Create website in 10 min

use Tailwind CSS

Using Tailwind via CDN
for blocks 

for image add in website https://source.unsplash.com/

Create html doc 

<DOCTYPE html>
<html lang="en">
<head>
<meta charsets="UFT-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
        enter tailwind here with latest
<title>Document</title>
</head>
<body>
        Paste your blocks here
</body>
</html>

--------------------------------------------------------------------------------------------------------
<DOCTYPE html>
<html lang="en">
<head>
<meta charsets="UFT-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<title>Document</title>
</head>
<body>
    
</body>
</html>


<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>RTechTips</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
  </head>
<body>
<header class="text-gray-700 body-font">
  <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
    <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full" viewBox="0 0 24 24">
        <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
      </svg>
      <span class="ml-3 text-xl">RTechTips</span>
    </a>
    <nav class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
      <a class="mr-5 hover:text-gray-900">Home</a>
      <a class="mr-5 hover:text-gray-900">Website</a>
      <a class="mr-5 hover:text-gray-900">Ftp</a>
      <a class="mr-5 hover:text-gray-900">Youtube</a>
    </nav>
    <button class="inline-flex items-center bg-gray-200 border-0 py-1 px-3 focus:outline-none hover:bg-gray-300 rounded text-base mt-4 md:mt-0">Button
      <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24">
        <path d="M5 12h14M12 5l7 7-7 7"></path>
      </svg>
    </button>
  </div>
</header>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

20 python library

Image
  20 Python Packages That You Must Try That Makes Your Life Easier Python is the most used programming language in the world of programming. It is one of the best choices for a beginner. The thing that attracts people towards python is simplicity and easy syntax. Python is an interpreted language so it becomes much easier to find bugs in the code. It is created by Guido van Rossum and first released in 1991, and since then the community of python developers is rising day by day with a large number of people. According to some resources, python has a community of over 10 million people. It is used by many multi-billion companies like Google, Amazon, Facebook, and more. I am using python for the last 1 and a half years, and the thing that I most like about python is its  One-Liners  and Packages,  and it is also the reason for me choosing python over any other language. In this blog, I will introduce you to the 15 python packages that are very useful and you must try t...
Read more

django ajax using jquery and Jasonresponse

  +++++++++++++++++++++++ Template  {% block javascript %}     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>     <script>         $(document).ready(function () {             // catch the form's submit event             $('#changelogs').submit(function () {                 // create an AJAX call                 $.ajax({                     data: $(this).serialize(), // get the form data                     type: $(this).attr('method'), // GET or POST                     url: "{% url 'logs' %}",                     // on success     ...
Read more

javascript validate form by separate by comma

Use variable with javascript inner HTML   var str = document.getElementById("elementID").value var res = str.split(" ") res.length Script javascript  <script type="text/javascript"> function valicontact() {   var x = document.getElementById("inputFirstname").value;   var res = x.split(",")   var y = document.getElementById("signum").value;   var ress = y.split(",")   var z = document.getElementById("Contactno").value;   var resss = z.split(",")   var n = res.length   var s = ress.length   var c = resss.length   if (s == c && s == n){   Sbutton.style.display = "block";   document.getElementById("errormessage").innerHTML = ""   } else {   document.getElementById("errormessage").innerHTML = "Number of Name,Signum and Contact should be same <br> name =" + n + "<br> Signum = " + s + "<br> Contact =" +c...
Read more