My First Website

By -
Today, we will start our journey from our first website to a blogger. This is one of the most used python programming frameworks for creating website backends. Its been an amazing journey. Everything you will learn in these tutorials will be based on my experience in learning web design. This is The set of tutorials that will make you realize, how easy it is to make a website with a very basic knowledge of python and HTML.

I am starting my first post with the heading of my website. I hope all of you support me😊😊😊


And source code in below...........

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-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>Coding With Mj</title>
</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="violet" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
class="w-10 h-8 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">Coding With Mj</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 href="/"class="mr-5 hover:text-gray-900">Home</a>
<a href="/"class="mr-5 hover:text-gray-900">Images</a>
<a href="/"class="mr-5 hover:text-gray-900">Contact</a>
<a href="/"class="mr-5 hover:text-gray-900">News</a>
<a href="/"class="mr-5 hover:text-gray-900">About</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">Search
<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>
<section class="text-gray-700 body-font">
<div class="container mx-auto flex px-5 py-24 
md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col 
md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl 
text-3xl mb-4 font-medium text-gray-900"> Share of knowledge
<br class="hidden lg:inline-block">
</h1>
<p class="mb-8 leading-relaxed"></p>
<div class="flex justify-center">
<button class="inline-flex text-white bg-indigo-500 
border-0 py-2 px-6 focus:outline-none 
hover:bg-indigo-600 rounded text-lg">Next Page</button>
<button class="ml-4 inline-flex text-gray-700 bg-gray-200 border-0 py-2 
px-6 focus:outline-none hover:bg-gray-300 rounded text-lg">Previous</button>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" alt="hero" 
src="https://source.unsplash.com/720x600/?books,knowledge ">
</div>
</div>
</section> 
</body>
</html>

Location: West Bengal, India India

Comments

Post a Comment

Please do not enter any spam link in the comment box.

Popular Posts

Try Except, Raise an exception, String Formatting in Python 3.7

By -
  Python  Try Except:- The  try  block lets you test a block of code for errors. The  except  block lets you handle the error. The  finally  block lets you execute code, regardless of the result of the try- and except blocks. Exception Handling When an error occurs, or exception as we call it, Python will normally stop and generate an error message. These exceptions can be handled using the  try  statement: Example The  try  block will generate an exception, because  x  is not defined: try :    print (x) except :    print ( "An exception occurred" ) Since the try block raises an error, the except block will be executed. Without the try block, the program will crash and raise an error: Example This statement will raise an error, because  x  is not defined: print (x) Many Exceptions You can define as many exception blocks as you want, e.g. if you want to execute a special block of code for a special kind of error: Example Print one message if the try block raises a  NameError  
Read more

findall, search, split, sub Function in Python 3.7

By -
  The findall() Function The  findall()  function returns a list containing all matches. Example Print a list of all matches: import  re txt =  "The rain in Spain" x = re.findall( "ai" ,  txt) print (x) The list contains the matches in the order they are found. If no matches are found, an empty list is returned: Example Return an empty list if no match was found: import  re txt =  "The rain in Spain" x = re.findall( "Portugal" ,  txt) print (x) The search() Function The  search()  function searches the string for a match, and returns a  Match object  if there is a match. If there is more than one match, only the first occurrence of the match will be returned: Example Search for the first white-space character in the string: import  re txt =  "The rain in Spain" x = re.search( "\s" ,  txt) print ( "The first white-space character is located in position:" , x.start()) If no matches are found, the value  None  is return
Read more

Python PIP

By -
  Python  PIP:- What is PIP? PIP is a package manager for Python packages, or modules if you like. Note:  If you have Python version 3.4 or later, PIP is included by default. What is a Package? A package contains all the files you need for a module. Modules are Python code libraries you can include in your project. Check if PIP is Installed Navigate your command line to the location of Python's script directory, and type the following: Example Check PIP version: C:\Users\ Your Name \AppData\Local\Programs\Python\Python36-32\Scripts>pip --version Install PIP If you do not have PIP installed, you can download and install it from this page:   https://pypi.org/project/pip/ . Download a Package Downloading a package is very easy. Open the command line interface and tell PIP to download the package you want. Navigate your command line to the location of Python's script directory, and type the following: Example Download a package named "camelcase": C:\Users\ Your Name \A
Read more