Ok friends, if as the tittle says, you want to start your own money making website and you do not know how to do so, and you know what for this you do not have to do anything no coding nothing in just couple of hours your website will be live and started getting traffic and people views and after achieving this monetize your website with ads for a passive income generation.
Now you are thinking how is that possible without any work, right.? Well its not true you have to work a little for succeed in your website but once you succeed it will do wonders for you.
Let me tell you one thing if you are college student or studying in a school or a corporate employee then you have a lot of known people around you then your website will works like a charm and gives you a passive income without any hard work.
Ok now lets move on to how to build your website without any effort easily and fast.
First Select Your Niche (Topic)
Today here i am not going to tell you to write a blog like we all are writing lengthy and boring essays.. No never today i came up with a secret trick through which you will be able to create your website within a couple of hours these hours are just because you do not know anything and after some trials you will create a nice design website which is fully functional.
Now its time to select your topic on which you are going to create your website, and always think in mind any website will pull traffic if that website minimize the work of any user, lets take an example one of my website which i made within 30 minutes.
And That is Good Morning and Good Night wishes website, as we all know in today's time each and everyone will send good morning and good night quotes to everyone on Whatsapp right.
What if you will find a website where any user will go enter their name and the website will show the personalized good morning wish message.
Isn't it interesting and the more interesting factor is you do not need to copy and then paste it to WhatsApp just click on the the share on WhatsApp button and the message will open your WhatsApp and share the message within some seconds.
It sounds great this website will get back all the users every morning and same like for in night too.
Once you will get a good traffic then you can monetize your website for earning money through the website the major factor is once you build the website your work is to ask your friends, colleagues, family members and all other who you might know to check out the website it will take just a minute for them.
Now if you know on what topic you have to create your website then proceed further for building a website ok.
Step By Step Guide
Please read the full guide so you will be able to create your own website in minutes, do not leave in between at last i will give you a great tip too, and a giveaway.
1.) First of all you have to buy a hosting for your website, now see for earning a lot you have to pay a little amount, i recommend you to get the hosting from Hostinger for cheap plans and go to the first plan which will be yours in just $ 2.99 per month payment.
2.) Now after buying this hosting you have to buy a domain name you will get the domain name from the Hostinger too in a very low prices.
3.) Just follow the steps in the Hostinger for buying the domain, now once all setup you will see a file manager option there.
4.) For opening file manager login to hostinger and then navigate to hosting section and then click on to Manage Button, after that you will see the File Manager under Files.
5.) Once you reach the File Manager you will see a Public_HTML folder here you have to upload the code.
Now lets get the code first and as i told you if you do not have any knowledge do not worry i am here for you, today i am giving you a code for Good Morning And Good Night wishes whole website code which is fully functional for free.
If you have idea then drop in the comments and i will give you the same website code which you like for free.
Ok now let me give you the code just copy the whole code and paste it where i will tell you in the next steps or wait first i will give you the steps then provide the code ok.
6.) Once you reach to the Public_HTML folder click on it after that you will see a lot of files in it, do not touch any of them those are crucial for your website just create a new file through the option listed above.
7.) Once you will click on create new or New you will get a popup for asking name then click on the name and give it as you want if ask me then make it shorter because its going to be your url address of your website for example if you put your file name (good-morning-wishes) and your domain name is (xyz.com) then your website will be xyz.com/good-morning-wishes, now under stand.
8.) Now set the file permission to 755 and proceed once you proceed there will be a option where you can write a code ok now copy the below code and paste it .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Good Morning & Good Night Wishes - Share Daily Inspirational Quotes</title>
<meta name="description" content="Start your day with positive vibes! Share beautiful Good Morning and Good Night wishes in English and Hindi. Get daily inspirational quotes and spread positivity.">
<meta name="keywords" content="Good Morning wishes, Good Night wishes, daily quotes, inspirational quotes, Hindi quotes, English quotes, positivity, motivational quotes">
<meta name="author" content="Technology Leisure">
<meta name="robots" content="index, follow">
<!-- Web App Manifest -->
<link rel="manifest" href="/manifest.json">
<!-- Theme Color for Chrome -->
<meta name="theme-color" content="#0a192f">
<style>
:root {
--navy-blue: #0a192f;
--cyan: #00bcd4;
--white: #e6f1ff;
--greyish-white: rgba(230, 230, 230, 0.1); /* Greyish white with 70% transparency */
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: var(--navy-blue);
color: var(--white);
font-family: 'Arial', sans-serif;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* Header Styles */
header {
background: var(--greyish-white); /* Greyish white with 70% transparency */
backdrop-filter: blur(10px); /* Blur effect */
width: 100%;
padding: 1rem 2rem;
position: fixed;
top: 0;
z-index: 1000;
animation: float 4s ease-in-out infinite; /* Floating animation */
}
header h1 {
font-size: 2rem;
color: var(--cyan);
margin: 0;
}
/* Dropdown Menu */
.dropdown {
margin-top: 1rem;
position: relative;
display: inline-block;
}
.dropdown select {
padding: 0.5rem 2rem 0.5rem 1rem;
border-radius: 25px;
border: 2px solid var(--cyan);
background: var(--navy-blue);
color: var(--white);
font-size: 1rem;
cursor: pointer;
appearance: none; /* Remove default arrow */
-webkit-appearance: none; /* Remove default arrow for Safari */
-moz-appearance: none; /* Remove default arrow for Firefox */
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2300bcd4' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592c.86 0 1.32 1.013.753 1.658l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 12px;
transition: all 0.3s ease;
}
.dropdown select:hover {
border-color: var(--white);
}
.dropdown select:focus {
outline: none;
box-shadow: 0 0 0 2px var(--cyan);
}
/* Main Content Styles */
.container {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
padding: 2rem;
border-radius: 15px;
max-width: 600px;
width: 90%;
border: 2px solid var(--cyan);
box-shadow: 0 0 20px rgba(0, 188, 212, 0.5);
margin-top: 160px; /* Adjusted margin to avoid overlap with header */
margin-bottom: 120px; /* Add margin to avoid overlap with footer */
}
.greeting {
font-size: 2.5rem;
margin-bottom: 1.5rem;
color: var(--cyan);
animation: float 5s ease-in-out infinite; /* Uneven animation */
}
.quote-container {
margin: 2rem 0;
padding: 1.5rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
}
.quote-english {
font-size: 1.4rem;
color: var(--cyan);
margin-bottom: 1rem;
font-style: italic;
animation: float 6s ease-in-out infinite; /* Uneven animation */
text-align: center; /* Center-align the English quote */
}
.quote-hindi {
font-size: 1.2rem;
color: var(--white);
opacity: 0.9;
font-family: 'Arial Unicode MS', sans-serif;
animation: float 7s ease-in-out infinite; /* Uneven animation */
text-align: center; /* Center-align the Hindi quote */
}
.share-buttons {
display: flex;
gap: 1rem;
justify-content: center;
margin-top: 2rem;
}
.share-button {
background: var(--cyan);
color: var(--navy-blue);
border: none;
padding: 0.8rem 1.5rem;
border-radius: 25px;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 0.5rem;
}
.share-button:hover {
transform: scale(1.1);
box-shadow: 0 0 15px var(--cyan);
}
/* Footer Styles */
footer {
background: var(--greyish-white); /* Greyish white with 70% transparency */
backdrop-filter: blur(10px); /* Blur effect */
width: 100%;
padding: 1rem 2rem;
position: fixed;
bottom: 0;
z-index: 1000;
animation: float 4s ease-in-out infinite; /* Floating animation */
}
footer p {
font-size: 1rem;
color: var(--navy-blue); /* Dark text for contrast */
margin: 0;
}
footer a {
color: var(--cyan);
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: var(--navy-blue);
}
/* Floating Animation */
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
@media (max-width: 768px) {
header h1 {
font-size: 1.5rem;
}
.container {
margin-top: 140px; /* Adjusted margin for smaller screens */
margin-bottom: 100px; /* Adjust margin for smaller screens */
}
.greeting {
font-size: 2rem;
}
.quote-english {
font-size: 1.2rem;
}
.quote-hindi {
font-size: 1rem;
}
.share-button {
padding: 0.6rem 1rem;
font-size: 0.9rem;
}
footer p {
font-size: 0.9rem;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<h1>Good Morning & Good Night Wishes</h1>
<div class="dropdown">
<select id="messageType" onchange="updateGreeting()">
<option value="morning">Good Morning</option>
<option value="night">Good Night</option>
</select>
</div>
</header>
<!-- Main Content -->
<div class="container">
<h1 class="greeting" id="greetingText"></h1>
<div class="quote-container">
<p class="quote-english" id="quoteEnglish"></p>
<p class="quote-hindi" id="quoteHindi"></p>
</div>
<div class="share-buttons">
<button class="share-button" onclick="shareOnWhatsApp()">
<span>📱</span> Share via WhatsApp
</button>
<button class="share-button" onclick="showAddToHomeScreenInstructions()">
<span>🏠</span> Add to Home Screen
</button>
</div>
</div>
<!-- Footer -->
<footer>
<p>Proudly Made By <a href="https://www.tekleisure.com" target="_blank">Technology Leisure</a></p>
</footer>
<script>
// Personalization
let userName = prompt('Please enter your name:');
localStorage.setItem('userName', userName);
// Bilingual quotes (Good Morning)
const morningQuotes = [
{
en: "💪 Wake up with determination, go to bed with satisfaction. Each day is a new opportunity to grow, learn, and achieve your dreams. Never give up, no matter how tough the journey gets. 🚀 Good morning!",
hi: "💪 दृढ़ संकल्प के साथ जागें, संतुष्टि के साथ सोएं। हर दिन आपके लिए सीखने, बढ़ने और अपने सपनों को पूरा करने का एक नया अवसर है। चाहे रास्ता कितना भी कठिन क्यों न हो, कभी हार न मानें। 🚀 शुभ प्रभात!"
},
{
en: "🌟 Success is not the key to happiness. Happiness is the key to success. If you love what you are doing, you will be successful. Good morning!",
hi: "🌟 सफलता खुशी की कुंजी नहीं है। खुशी सफलता की कुंजी है। यदि आप जो कर रहे हैं उसे पसंद करते हैं, तो आप सफल होंगे। शुभ प्रभात!"
},
{
en: "🔥 The only way to do great work is to love what you do. Passion fuels success and happiness. Good morning!",
hi: "🔥 महान कार्य करने का एकमात्र तरीका है कि आप जो करते हैं उससे प्यार करें। जुनून सफलता और खुशी को बढ़ावा देता है। शुभ प्रभात!"
},
{
en: "🚀 Push yourself, because no one else is going to do it for you. Hard work pays off. Good morning!",
hi: "🚀 खुद को आगे बढ़ाएं, क्योंकि कोई और आपके लिए ऐसा नहीं करेगा। मेहनत का फल जरूर मिलता है। शुभ प्रभात!"
},
{
en: "💖 Spread kindness like confetti. A little act of kindness can make someone's day brighter! Good morning!",
hi: "💖 दयालुता को कंफेटी की तरह फैलाएं। दयालुता का एक छोटा सा कार्य किसी का दिन रोशन कर सकता है! शुभ प्रभात!"
},
{
en: "💯 Your only limit is your mind. Break free from doubts and chase your dreams with confidence! Good morning!",
hi: "💯 आपकी एकमात्र सीमा आपका मन है। संदेह से मुक्त हों और आत्मविश्वास के साथ अपने सपनों का पीछा करें! शुभ प्रभात!"
},
{
en: "⏳ Don't wait for the perfect moment, take the moment and make it perfect! Good morning!",
hi: "⏳ सही क्षण की प्रतीक्षा न करें, क्षण को लें और उसे परिपूर्ण बनाएं! शुभ प्रभात!"
},
{
en: "✨ Every day may not be good, but there is something good in every day. Stay positive! Good morning!",
hi: "✨ हर दिन अच्छा नहीं हो सकता, लेकिन हर दिन कुछ अच्छा जरूर होता है। सकारात्मक रहें! शुभ प्रभात!"
},
{
en: "🌿 Growth begins at the end of your comfort zone. Step out, take risks, and grow! Good morning!",
hi: "🌿 वृद्धि आपके आराम क्षेत्र के अंत में शुरू होती है। बाहर निकलें, जोखिम लें और बढ़ें! शुभ प्रभात!"
},
{
en: "💎 You are stronger than you think. Believe in yourself and conquer your fears! Good morning!",
hi: "💎 आप जितना सोचते हैं उससे ज्यादा मजबूत हैं। खुद पर विश्वास करें और अपने डर पर विजय प्राप्त करें! शुभ प्रभात!"
},
{
en: "🏆 Dreams don't work unless you do. Take action and make them a reality! Good morning!",
hi: "🏆 सपने तभी पूरे होते हैं जब आप मेहनत करें। कार्य करें और उन्हें हकीकत बनाएं! शुभ प्रभात!"
},
{
en: "🌞 The sun shines every day, even behind the clouds. Stay hopeful! Good morning!",
hi: "🌞 सूरज हर दिन चमकता है, चाहे बादल हों या न हों। आशावादी रहें! शुभ प्रभात!"
},
{
en: "💡 Your future is created by what you do today, not tomorrow. Good morning!",
hi: "💡 आपका भविष्य आज किए गए कार्यों से बनता है, न कि कल से। शुभ प्रभात!"
},
{
en: "🌈 After every storm, there is a rainbow. Keep pushing forward! Good morning!",
hi: "🌈 हर तूफान के बाद एक इंद्रधनुष होता है। आगे बढ़ते रहें! शुभ प्रभात!"
},
{
en: "🔥 Turn your wounds into wisdom. Learn from challenges and keep growing! Good morning!",
hi: "🔥 अपनी चोटों को बुद्धिमत्ता में बदलें। चुनौतियों से सीखें और बढ़ते रहें! शुभ प्रभात!"
},
{
en: "🌞 Every sunrise is an invitation to brighten someone's day. Start with a smile and kindness. Good morning!",
hi: "🌞 हर सूर्योदय किसी के दिन को रोशन करने का निमंत्रण है। एक मुस्कान और दयालुता के साथ शुरुआत करें। शुभ प्रभात!"
},
{
en: "💪 Strength comes from overcoming the things you once thought you couldn’t. Keep pushing forward! Good morning!",
hi: "💪 शक्ति उन चीजों को पार करने से आती है जिन्हें आप कभी नहीं कर सकते थे। आगे बढ़ते रहें! शुभ प्रभात!"
},
{
en: "🌸 Be like a flower, spread positivity and beauty wherever you go. Have a wonderful day! Good morning!",
hi: "🌸 एक फूल की तरह बनें, जहाँ भी जाएँ सकारात्मकता और सुंदरता फैलाएँ। आपका दिन शुभ हो! शुभ प्रभात!"
},
{
en: "🚀 Success is not final, failure is not fatal; it is the courage to continue that counts. Stay motivated! Good morning!",
hi: "🚀 सफलता अंतिम नहीं है, असफलता घातक नहीं है; यह जारी रखने का साहस है जो मायने रखता है। प्रेरित रहें! शुभ प्रभात!"
},
{
en: "🌟 The way to get started is to quit talking and begin doing. Take action today! Good morning!",
hi: "🌟 शुरुआत करने का तरीका है बात करना छोड़कर काम करना। आज ही कदम उठाएँ! शुभ प्रभात!"
},
{
en: "✨ Believe in yourself and all that you are. Know that there is something inside you that is greater than any obstacle. Good morning!",
hi: "✨ खुद पर विश्वास करें और जो आप हैं। जान लें कि आपके भीतर कोई चीज़ किसी भी बाधा से बड़ी है। शुभ प्रभात!"
},
{
en: "🔥 Keep your dreams alive. Understand that achieving anything requires faith and belief in yourself. Good morning!",
hi: "🔥 अपने सपनों को जिंदा रखें। समझें कि कुछ भी प्राप्त करने के लिए आत्म-विश्वास और विश्वास की आवश्यकता होती है। शुभ प्रभात!"
},
{
en: "💡 The secret of getting ahead is getting started. Begin your journey today! Good morning!",
hi: "💡 आगे बढ़ने का रहस्य है कि आप शुरुआत करें। आज ही अपनी यात्रा शुरू करें! शुभ प्रभात!"
},
{
en: "🌈 Your only limit is your mind. Believe, act, and achieve. Have a fantastic day! Good morning!",
hi: "🌈 आपकी एकमात्र सीमा आपका मन है। विश्वास करें, कार्य करें और प्राप्त करें। आपका दिन शानदार हो! शुभ प्रभात!"
},
{
en: "💖 Spread love and kindness wherever you go, and the world will return it to you tenfold. Good morning!",
hi: "💖 जहाँ भी जाएँ प्यार और दयालुता फैलाएँ, और दुनिया आपको दस गुना वापस देगी। शुभ प्रभात!"
},
{
en: "🌞 Rise and shine! Each morning is a new opportunity to chase your dreams. Good morning!",
hi: "🌞 उठो और चमको! हर सुबह आपके सपनों का पीछा करने का एक नया अवसर है। सुप्रभात!"
},
{
en: "💪 Your journey to success starts with a single step. Take that step today. Good morning!",
hi: "💪 आपकी सफलता की यात्रा एक छोटे से कदम से शुरू होती है। आज वह कदम उठाएं। सुप्रभात!"
},
{
en: "☀️ A fresh morning brings fresh thoughts and endless possibilities. Make today amazing! Good morning!",
hi: "☀️ एक नई सुबह नए विचार और अनंत संभावनाएँ लाती है। आज को शानदार बनाएं! सुप्रभात!"
},
{
en: "🌈 Start your day with positivity and let success follow. Good morning!",
hi: "🌈 अपने दिन की शुरुआत सकारात्मकता के साथ करें और सफलता आपका अनुसरण करेगी। सुप्रभात!"
},
{
en: "🌸 Happiness is not something ready-made, it comes from your own actions. Have a wonderful morning!",
hi: "🌸 खुशी कोई तैयार चीज़ नहीं है, यह आपके अपने कार्यों से आती है। एक शानदार सुबह हो! सुप्रभात!"
},
{
en: "💖 Let your smile change the world, but don’t let the world change your smile. Good morning!",
hi: "💖 अपनी मुस्कान से दुनिया को बदलें, लेकिन दुनिया को अपनी मुस्कान बदलने न दें। सुप्रभात!"
},
{
en: "🌞 The sun rises to remind you that every day is a fresh start. Make the most of it. Good morning!",
hi: "🌞 सूरज इसलिए उगता है ताकि आपको याद रहे कि हर दिन एक नई शुरुआत है। इसका पूरा लाभ उठाएं। सुप्रभात!"
},
{
en: "🔥 Wake up with determination, go to bed with satisfaction. Good morning!",
hi: "🔥 दृढ़ संकल्प के साथ जागें, संतुष्टि के साथ सोएं। सुप्रभात!"
},
{
en: "🌟 A new day means new blessings and new opportunities. Embrace them! Good morning!",
hi: "🌟 एक नया दिन नए आशीर्वाद और नई संभावनाएँ लेकर आता है। उन्हें अपनाएं! सुप्रभात!"
},
{
en: "🌿 Every morning is a new chance to build the life you want. Start today! Good morning!",
hi: "🌿 हर सुबह वह जीवन बनाने का एक नया मौका है जो आप चाहते हैं। आज ही शुरू करें! सुप्रभात!"
}
];
// Bilingual quotes (Good Night)
const nightQuotes = [
{
en: "🌙 Good night! May your dreams be as sweet as the moments you cherish. Sleep well and wake up refreshed for a brand new day. 🌟",
hi: "🌙 शुभ रात्रि! आपके सपने उतने ही मधुर हों जितने आपके पल। अच्छी नींद लें और एक नए दिन के लिए तरोताजा उठें। 🌟"
},
// Add more Good Night quotes here...
];
// Random quote selection
function getRandomQuote(quotes) {
return quotes[Math.floor(Math.random() * quotes.length)];
}
// Update display based on selected message type
function updateGreeting() {
const messageType = document.getElementById('messageType').value;
const quotes = messageType === 'morning' ? morningQuotes : nightQuotes;
const greeting = messageType === 'morning' ? 'Good Morning' : 'Good Night';
const quote = getRandomQuote(quotes);
document.getElementById('greetingText').textContent = `${greeting}, ${userName}!`;
document.getElementById('quoteEnglish').textContent = `"${quote.en}"`;
document.getElementById('quoteHindi').textContent = `"${quote.hi}"`;
}
// Share functionality
function shareOnWhatsApp() {
const enQuote = document.getElementById('quoteEnglish').textContent;
const hiQuote = document.getElementById('quoteHindi').textContent;
const greetingText = document.getElementById('greetingText').textContent;
const message = encodeURIComponent(
`🌞 ${greetingText.replace(userName, `From ${userName}`)} 🌼\n\n` +
`${enQuote}\n` +
`${hiQuote}\n\n` +
`Share the positivity: ${window.location.href}`
);
window.open(`https://api.whatsapp.com/send?text=${message}`, '_blank');
}
// Show instructions for adding to home screen
function showAddToHomeScreenInstructions() {
const isiOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
const isAndroid = /Android/.test(navigator.userAgent);
let instructions = '';
if (isiOS) {
instructions = `
1. Tap the "Share" button in Safari (the square with an arrow pointing up).
2. Scroll down and tap "Add to Home Screen."
3. Confirm by tapping "Add."
`;
} else if (isAndroid) {
instructions = `
1. Tap the three-dot menu in Chrome.
2. Tap "Add to Home Screen."
3. Confirm by tapping "Add."
`;
} else {
instructions = 'This feature is only available on mobile devices.';
}
alert(`To add this app to your home screen:\n\n${instructions}`);
}
// Initial setup
document.addEventListener('DOMContentLoaded', () => {
updateGreeting();
});
</script>
</body>
</html>
Copy the whole code from the canvas and paste in the file you created once you have done save the file from the button above listed, and its done you website is live.
Go check your website if you face any issue just tell me i will be there to help you, just comment below and i will revert back within 24 hours or if not then email be at abhisal20@gmail.com will reply definitely .
Drive Traffic To Your Website
Now when your website is live now its time to drive traffic to your website now ask your friends colleagues, family members to visit your website from mobile too because its mobile optimized and share wishes with the click of a button once some people started, then the wish message contain your website link which let others to explore your website so through this you will dynamically get the visitors.
Monetize Your Website
Now once you will get the traffic lets monetize it for earning revenue submit your website to Google Adsense, Adsterra, ADx and many more affiliate website which give you a good income.
Conclusion
Through all these steps you have done above and once you started getting a little traffic this website will build its own traffic without your working and the major part is your website is not depends on Google's indexing system weather google show your website in search engine or not you will get a huge traffic because public using your website directly.
Do you wanna check the website before start creating it ok visit here for the live demo and if you like it then make it yours and if you want to change the design look feel then just give me brief description then i will be there for you Totally free.