Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Created and added a signup page #702

Closed
wants to merge 1 commit into from
Closed

Created and added a signup page #702

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
228 changes: 228 additions & 0 deletions .history/index_20240728131009.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,228 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blogzen</title>
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./chatBot/style.css">
<script src="https://kit.fontawesome.com/d1c523657e.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/navbar.css" />
<link rel="stylesheet" href="css/sec1.css" />
<link rel="stylesheet" href="css/sec2.css" />
<link rel="stylesheet" href="css/sec3.css" />
<!-- <link rel="stylesheet" href="css/sec4.css" /> -->
<!-- material -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="stylesheet" href="css/desktop_9.css">
<script src="./js/Landingpage.js"></script>
<script>
function toggleTheme() {
var navbar = document.getElementById("navbar");
navbar.classList.toggle("dark");
}


</script>
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> -->
</head>

<body>
<!-- Navbar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

<div class="navbar" id="navbar">
<div class="navs1">
<a href="index.html"><img src="img/final logo 1.png" alt="" /></a>
<div class="span1"><a href="index.html">Blogzen</a></div>
<!-- <div class="span2"><a href="index.html">zen</a></div> -->
</div>

<div class="navs2">
<!-- <img src="img/final logo 1.png" alt="" /> -->
<img src="assests/moon.png" alt="image" id="themeImg">
<button id="loginButton" class="button_nav txtColor hello" ><a href="login.html">
LogIn</a></button>
<button id="signup" class="button_nav txtColor">Sign Up</button>
<button onclick="click" id="Calender" class="button_nav txtColor1 hello">Calendar</button>
</div>
</div>
<!--Calender-->
<div class="overlay1" id="overlay1">
<div class="popup1">
<div class="header">
<button class="prevBtn" id="prevBtn">
<i class="fa-solid fa-chevron-left"></i>
</button>
<div class="monthYear" id="monthYear"></div>
<button class="nextBtn" id="nextBtn">
<i class="fa-solid fa-chevron-right"></i>
</button>
</div>
<div class="days">
<div class="day">Mon</div>
<div class="day">Tue</div>
<div class="day">Wed</div>
<div class="day">Thur</div>
<div class="day">Fri</div>
<div class="day">Sat</div>
<div class="day">Sun</div>
</div>
<div class="dates" id="dates"></div>
</div>
</div>

<!-- <div class="overlay" id="overlay">
<div class="popup">
<div class="option">
<img src="email_icon.png" alt="Email">
<div>Sign in with Email</div>
</div>
<div class="option">
<img src="facebook_icon.png" alt="Facebook">
<div>Sign in with Facebook</div>
</div>
<div class="option">
<img src="google_icon.png" alt="Google">
<div>Sign in with Google</div>
</div>
<div class="option">
<img src="yahoo_icon.png" alt="Yahoo">
<div>Sign in with Yahoo</div>
</div>
</div>
</div> -->

<!-- Sec-1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<div class="sec1">
<div class="s1part1">


<span class="auto-type"></span>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script>
var typed = new Typed(".auto-type", {
strings: ["Blogzen!!"],
typeSpeed: 150,
backspeed: 150,
loop: true
})
</script>
</div>
<input class="search" placeholder="Search"></input>
<div class="buttons">
<button class="s1btn1" >All</button>
<button class="s1btn1" style="background-color: white;color:black;" id = 'Tech' onclick="buttonClick('Tech')">Technology</button>
<button class="s1btn1"style="background-color: white;color:black;" id = 'branding' onclick="buttonClick('branding')">Branding </button>
<button class="s1btn1"style="background-color: white;color:black" id = 'news' onclick="buttonClick('news')" >News</button>
<button class="s1btn1"style="background-color: white;color:black" id = 'AI' onclick="buttonClick('AI')" > AI</button>
<button class="s1btn1"style="background-color: white;color:black" id = 'Management' onclick="buttonClick('Management')" >Management</button>
<button class="s1btn1"style="background-color: white;color:black" id = 'Design' onclick="buttonClick('Design')">Design</button>
</div>

</div>
<!-- Sec-2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

<div class="sec2buttons">
<button class="sec2btn2" style="background-color: #ff765d; color: white">
Trending
</button>
<button class="sec2btn2 sec2btn2-recent">Recent</button>
</div>
<div class="sec2" id="sec2">



</div>

<!-- Sec-3 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

<div id="tbody" class="flex">

</div>


</div>
<!-- Sec-4 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

<div class="footer">
<div class="socials">
<div class="footer_titles">Follow us on our socials</div>
<div class="icons">
<div class="icon"><a href=""><img src="assests/instagram.svg" alt=""></a></div>
<div class="icon"><a href=""><img src="assests/twitter.svg" alt=""></a></div>

<div class="icon"><a href=""><img src="assests/spotify.svg" alt=""></a></div>
</div>
</div>
<div class="newsletter">
<div class="footer_titles">Subscribe to our newsletter</div>
<form id="subscriptionForm">
<input type="email" id="emailId" name="email" placeholder="Your Email" required>
<button type="submit">Subscribe</button>
</form>
<div id="subscriptionMessage" style="display: none;">You have subscribed successfully!</div>
</div>

<script>
document.getElementById("subscriptionForm").addEventListener("submit", function(event) {
event.preventDefault(); // Prevent the form from submitting

// Get the email input value
var email = document.getElementById("emailId").value;

// Email validation using regular expression
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert("Please enter a valid email address.");
return;
}

// Simulate subscription (you may replace this with actual subscription code)
// For now, just displaying the success message
document.getElementById("subscriptionMessage").style.display = "block";
});
</script>



<div class="contact">
<div class="footer_titles">Contact Us</div>
<a href="mailto:[email protected]"><div class="mail">[email protected]</div></a>
</div>
</div>

<!-- Chat bot -->
<button class="chatbot__button">
<span class="material-symbols-outlined">mode_comment</span>
<span class="material-symbols-outlined">close</span>
</button>
<div class="chatbot">
<div class="chatbot__header">
<h3 class="chatbox__title">Blogzen 24/7</h3>
<span class="material-symbols-outlined">close</span>
</div>
<ul class="chatbot__box">
<li class="chatbot__chat incoming">
<span class="material-symbols-outlined">smart_toy</span>
<p>Welcome !</p>
</li>
<li class="chatbot__chat outgoing">
<!-- <p>...</p> -->
</li>
</ul>
<div class="chatbot__input-box">
<textarea class="chatbot__textarea" placeholder="Enter a message..." required></textarea>
<span id="send-btn" class="material-symbols-outlined">send</span>
</div>
</div>
<!-- chat bot finish -->

<script src="./chatBot/script.js"></script>
<script src="js/theme.js"></script>
</body>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> -->

</html>
Loading