Notes
Notes - notes.io |
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Client Application</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
/* Custom Styles */
body {
background-image: url(https://th.bing.com/th/id/OIP.5f59WwP6EcFsgKe922PcbAHaEo?pid=ImgDet&rs=1);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.navbar {
background-color: black;
}
.navbar-nav .nav-link {
color: yellow !important;
}
.navbar-nav .nav-link:hover {
color: #007bff;
}
.active {
color: #007bff !important;
}
.navbar-brand {
color: yellow !important;
font-weight: bold;
}
.container {
/* max-width: 600px; */
margin: 0 auto;
padding: 20px;
}
</style>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="#">Client Application</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link text-yellow text-yellow" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link text-yellow" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link text-yellow" href="#clients">Ey Clients</a></li>
<li class="nav-item"><a class="nav-link text-yellow" href="#status">Project Status</a></li>
</ul>
</div>
</div>
</nav>
<!-- Content Section -->
<div class="container">
<div class="row">
<div class="col-md-6">
<!-- Search Form -->
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Search for Client or Project ">
</div>
</form>
</div>
<div class="col-md-6">
<!-- Login Form -->
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password">
</div>
<button type="submit" class="btn btn-primary">Login</button>
</form>
<span>Do not have an account? <a><button data-toggle="modal" data-target="#exampleModal">Sign
Up</button></a></span>
</div>
</div>
<!--Modal starts here-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Sign Up here</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="firstName">First Name</label>
<input type="text" class="form-control" id="firstName" placeholder="Enter your first name">
</div>
<div class="form-group">
<label for="lastName">Last Name</label>
<input type="text" class="form-control" id="lastName" placeholder="Enter your last name">
</div>
<div class="form-group">
<label for="mobile">Mobile Number</label>
<input type="mobile" class="form-control" id="mobile" placeholder="Enter your mobile number">
</div>
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone
else.</small>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<div class="form-group">
<label for="confirmPassword">Confirm Password</label>
<input type="password" class="form-control" id="confirmPassword" placeholder="Confirm Password">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Sign Up</button>
</div>
</div>
</div>
</div>
<!--Modal ends here-->
<!-- Description -->
<div class="row mt-4">
<div class="col">
<h3>About Our Website</h3>
<p>"Welcome to the Client Information website, your go-to resource for managing and organizing client data
efficiently. Our website is designed to streamline the process of handling client information, enabling you to
store, retrieve, and update client details seamlessly. Whether you're a small business owner, a customer
support representative, or a freelancer, our user-friendly interface and powerful features make it easy to
keep track of your clients and deliver exceptional service.</p>
<p>With our robust search functionality, you can quickly find specific client records based on their name,
contact information, or any other relevant details. Our secure login system ensures that your data remains
confidential and accessible only to authorized users. From managing client profiles to tracking project
status, our comprehensive suite of tools empowers you to stay organized and stay on top of your client
relationships.</p>
<p>Join us today and experience the convenience of efficient client information management. Start optimizing
your workflows, improving customer interactions, and taking your business to new heights with the Client
Information website."</p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
