Notes
Notes - notes.io |
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- icon css-->
<link rel="stylesheet" href="assets/elagent-icon/style.css">
<link rel="stylesheet" href="assets/niceselectpicker/nice-select.css">
<link rel="stylesheet" href="assets/animation/animate.css">
<link rel="stylesheet" href="assets/mcustomscrollbar/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="css/style-main.css">
<link rel="stylesheet" href="css/responsive.css">
<title>Docy</title>
</head>
<body data-spy="scroll" data-target="#navbar-example3" data-offset="86" data-scroll-animation="true">
<!-- <div id="preloader">
<div id="ctn-preloader" class="ctn-preloader">
<div class="round_spinner">
<div class="spinner"></div>
<div class="text">
<img src="img/spinner_logo.png" alt="">
<h4><span>Doc</span>y</h4>
</div>
</div>
<h2 class="head">Did You Know?</h2>
<p></p>
</div>
</div> -->
<div class="body_wrapper">
<nav class="navbar navbar-expand-lg menu_one-sub-page menu_purple sticky-nav">
<div class="container">
<a class="navbar-brand header_logo" href="index.html">
<img class="first_logo sticky_logo" src="img/azio-black.svg" srcset="img/logo-2x.png 2x" alt="logo">
<img class="white_logo main_logo" src="img/azio-white.svg" srcset="img/logo-w2x.png 2x" alt="logo">
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="menu_toggle">
<span class="hamburger">
<span></span>
<span></span>
<span></span>
</span>
<span class="hamburger-cross">
<span></span>
<span></span>
</span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav menu ml-auto">
<li class="nav-item dropdown submenu">
<a href="index.html" class="nav-link dropdown-toggle">Home</a>
<!-- <i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item active"><a href="index.html" class="nav-link">Creative Helpdesk</a>
</li>
<li class="nav-item"><a href="index-multi.html" class="nav-link">Multi Helpdesk</a></li>
<li class="nav-item"><a href="index-classic.html" class="nav-link">Classic Helpdesk</a>
</li>
</ul> -->
</li>
<!-- <li class="nav-item dropdown submenu mega_menu tab-demo">
<a href="#" class="nav-link dropdown-toggle" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Docs</a>
<i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="true"
data-toggle="dropdown"></i>
<ul class="dropdown-menu sub">
<li>
<div class="row">
<div class="col-lg-5 tabHeader">
<ul class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
aria-orientation="vertical">
<li class="nav-item active">
<a class="nav-link" id="v-pills-doc-tab" data-toggle="pill"
href="#v-pills-doc" role="tab" aria-controls="v-pills-doc"
aria-selected="true">Doc Archives</a>
</li>
<li class="nav-item">
<a class="nav-link" id="v-pills-code-tab" data-toggle="pill"
href="#v-pills-code" role="tab" aria-controls="v-pills-code"
aria-selected="false">Elements</a>
</li>
<li class="nav-item">
<a class="nav-link" id="v-pills-layout-tab" data-toggle="pill"
href="#v-pills-layout" role="tab" aria-controls="v-pills-layout"
aria-selected="false">Layouts</a>
</li>
<li class="nav-item">
<a class="nav-link" id="v-pills-tour-tab" data-toggle="pill"
href="#v-pills-tour" role="tab" aria-controls="v-pills-tour"
aria-selected="false">Reference</a>
</li>
<li class="nav-item">
<a class="nav-link" id="v-pills-content-tab" data-toggle="pill"
href="#v-pills-content" role="tab"
aria-controls="v-pills-content"
aria-selected="false">Content</a>
</li>
<li class="nav-item">
<a class="nav-link" id="v-pills-pages-tab" data-toggle="pill"
href="#v-pills-pages" role="tab" aria-controls="v-pills-pages"
aria-selected="false">Other Pages</a>
</li>
</ul>
</div>
<div class="col-lg-7">
<div class="tab-content tabContent" id="v-pills-tabContent">
<div class="tab-pane fade active show" id="v-pills-doc" role="tabpanel"
aria-labelledby="v-pills-doc-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list">
<li> <a href="doc-main.html"> Doc Topics </a> </li>
<li> <a href="archive-doc-single.html"> Single Product </a>
</li>
<li> <a href="archive-doc-multi.html"> Multi Products </a>
</li>
</ul>
</div>
<div class="text">
<a href="doc-main.html">
<p>More Categories</p>
</a>
<a href="doc-main.html">
<p>All docs</p>
</a>
</div>
</div>
<div class="tab-pane fade" id="v-pills-code" role="tabpanel"
aria-labelledby="v-pills-code-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list">
<li><a href="doc-element-tab.html">Tabs</a></li>
<li><a href="doc-element-accordion.html">Accordion</a></li>
<li><a href="doc-element-notice.html">Notice</a></li>
<li><a href="doc-content-tables.html">Tables</a></li>
</ul>
<ul class="list-unstyled tab_list">
<li><a href="doc-element-hotspots.html">Image Hotspots</a>
</li>
<li><a href="doc-element-code.html">Source Code</a></li>
<li><a href="doc-element-lightbox.html">Image Lightbox</a>
</li>
<li><a href="doc-ref-cheatsheet.html">Cheatsheet</a></li>
</ul>
</div>
<div class="text">
<a href="#">
<p>More Categories</p>
</a>
<a href="doc-main.html">
<p>All docs</p>
</a>
</div>
</div>
<div class="tab-pane fade" id="v-pills-layout" role="tabpanel"
aria-labelledby="v-pills-layout-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list">
<li><a href="doc-element-hotspots.html">Left Sidebar</a>
</li>
<li><a href="doc-content-video.html">Full-width</a></li>
<li><a href="doc-layout-banner-gradient.html">Gradient
Banner</a></li>
<li><a href="doc-layout-banner-empty.html">Without
Banner</a></li>
</ul>
</div>
<div class="text">
<a href="#">
<p>More Categories</p>
</a>
<a href="#">
<p>All docs</p>
</a>
</div>
</div>
<div class="tab-pane fade" id="v-pills-tour" role="tabpanel"
aria-labelledby="v-pills-tour-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list w_100">
<li><a href="doc-ref-cheatsheet.html">Cheatsheet</a></li>
<li><a href="doc-ref-footnote.html">Footnotes</a></li>
<li><a href="doc-tour.html">Interface Tour</a></li>
<li><a href="doc-ref-can-use.html">Can I Use</a></li>
<li><a href="doc-content-tooltip.html">Tooltips &
Direction</a></li>
<li><a href="doc-ref-shortcuts.html">Keyboard Shortcuts</a>
</li>
</ul>
</div>
<div class="text">
<a href="#">
<p>More Categories</p>
</a>
<a href="#">
<p>All docs</p>
</a>
</div>
</div>
<div class="tab-pane fade" id="v-pills-content" role="tabpanel"
aria-labelledby="v-pills-content-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list">
<li><a href="doc-content-image.html">Image</a></li>
<li><a class="active"
href="doc-content-tables.html">Tables</a></li>
<li><a href="doc-content-video.html">Video</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="doc-content-tooltip.html">Tooltips &
Direction</a></li>
</ul>
</div>
<div class="text">
<a href="#">
<p>More Categories</p>
</a>
<a href="#">
<p>All docs</p>
</a>
</div>
</div>
<div class="tab-pane fade" id="v-pills-pages" role="tabpanel"
aria-labelledby="v-pills-pages-tab">
<div class="d-flex">
<ul class="list-unstyled tab_list">
<li> <a href="onepage.html">Onepage</a> </li>
<li> <a href="doc-main.html">Doc Topics</a></li>
<li> <a href="doc-tour.html">Cheatsheet</a> </li>
<li> <a href="doc-changelog.html">Changelog</a> </li>
</ul>
</div>
<div class="text">
<a href="#">
<p>More Categories</p>
</a>
<a href="doc-main.html">
<p>All docs</p>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</li> -->
<li class="nav-item dropdown submenu">
<a href="blog-grid.html" class="nav-link">
Article
</a>
<!-- <i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a href="onepage.html" class="nav-link">Onepage Doc</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="typography.html" class="nav-link">Typography</a></li>
<li class="nav-item"><a href="404-error.html" class="nav-link">404 Error</a></li>
</ul> -->
</li>
<li class="nav-item dropdown submenu">
<a href="contact.html" class="nav-link">
About
</a>
<!-- <i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a href="forums.html" class="nav-link">Forums Root</a></li>
<li class="nav-item"><a href="forum-topics.html" class="nav-link">Forum Topics</a></li>
<li class="nav-item"><a href="forum-single.html" class="nav-link">Topic Details</a></li>
<li class="nav-item"><a href="forum-profile.html" class="nav-link">User Profile</a></li>
</ul> -->
</li>
<li class="nav-item dropdown submenu">
<a class="nav-link" href="doc-element-accordion.html">
FAQs
</a>
<!-- <i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a href="blog-grid.html" class="nav-link">Blog Grid</a></li>
<li class="nav-item"><a href="blog-grid-two.html" class="nav-link">Blog Grid Two</a>
</li>
<li class="nav-item"><a href="blog-list.html" class="nav-link">Blog List</a></li>
<li class="nav-item"><a href="blog-single.html" class="nav-link">Blog Details</a></li>
</ul> -->
</li>
<li class="nav-item dropdown submenu active">
<a href="contact.html" class="nav-link">Contact</a>
<!-- <i class="arrow_carrot-down_alt2 mobile_dropdown_icon" aria-hidden="false"
data-toggle="dropdown"></i>
<ul class="dropdown-menu">
<li class="nav-item"><a href="blog-grid.html" class="nav-link">Blog Grid</a></li>
<li class="nav-item"><a href="blog-grid-two.html" class="nav-link">Blog Grid Two</a>
</li>
<li class="nav-item"><a href="blog-list.html" class="nav-link">Blog List</a></li>
<li class="nav-item"><a href="blog-single.html" class="nav-link">Blog Details</a></li>
</ul> -->
</li>
</ul>
<div class="right-nav">
<!-- <a class="nav_btn" href="#">Free Trail</a> -->
<div class="px-2 js-darkmode-btn" title="Toggle dark mode">
<label for="something" class="tab-btn tab-btns">
<ion-icon name="moon"></ion-icon>
</label>
<label for="something" class="tab-btn">
<ion-icon name="sunny"></ion-icon>
</label>
<label class=" ball" for="something"></label>
<input type="checkbox" name="something" id="something" class="dark_mode_switcher">
</div>
</div>
</div>
</div>
</nav>
<div class="breadcrumb_area_three">
<div class="container">
<div class="breadcrumb_text">
<h2>Get a touch with <span>Contact Us</span></h2>
<p>Docy is here to help. Discover our office locations and different ways to contact us so that we can provide you with the support you need.</p>
</div>
</div>
</div>
<section class="contact_area sec_pad">
<div class="container">
<div class="contact_info">
<div class="section_title text-left">
<h2 class="h_title wow fadeInUp">Let’s start the conversation</h2>
<p>Please email us, we’ll happy to assist you.</p>
</div>
<form action="#" class="contact_form">
<div class="form-group">
<h6>What type of project you need?</h6>
<div class="box_info">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checkone">
<label class="form-check-label" for="Checkone">
Web Design
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checktwo">
<label class="form-check-label" for="Checktwo">
Dashboard
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checkthree">
<label class="form-check-label" for="Checkthree">
Mobile App
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checkfour">
<label class="form-check-label" for="Checkfour">
Mockup
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checkfive">
<label class="form-check-label" for="Checkfive">
Desktop App
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="Checksix">
<label class="form-check-label" for="Checksix">
Ui kit
</label>
</div>
</div>
</div>
<div class="form-group">
<h6>Budget Range</h6>
<div class="box_info">
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="budgetOne" value="option1" checked="">
<label class="form-check-label" for="budgetOne">
$1k
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="budgetTwo" value="option2" checked="">
<label class="form-check-label" for="budgetTwo">
$2k
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="budgetThree" value="option3" checked="">
<label class="form-check-label" for="budgetThree">
$2k to $3k
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="budgetFour" value="option4" checked="">
<label class="form-check-label" for="budgetFour">
$4k to 5k
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="budgetFive" value="option5" checked="">
<label class="form-check-label" for="budgetFive">
More then $6k
</label>
</div>
</div>
</div>
<div class="form-group">
<h6>Deadline</h6>
<div class="box_info">
<div class="form-check">
<input class="form-check-input" type="radio" name="Radios" id="weekOne" value="1" checked="">
<label class="form-check-label" for="weekOne">
1 week
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Radios" id="weekTwo" value="2" checked="">
<label class="form-check-label" for="weekTwo">
2 week
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Radios" id="weekThree" value="3" checked="">
<label class="form-check-label" for="weekThree">
3 week
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Radios" id="weekFour" value="4" checked="">
<label class="form-check-label" for="weekFour">
4 week
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="Radios" id="weekFive" value="5" checked="">
<label class="form-check-label" for="weekFive">
5 week
</label>
</div>
</div>
</div>
<div class="row contact_fill">
<div class="col-lg-4 form-group">
<h6>Full Name</h6>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter your name here">
</div>
<div class="col-lg-4 form-group">
<h6>Email</h6>
<input type="email" class="form-control" name="email" id="email" placeholder="[email protected]">
</div>
<div class="col-lg-4 form-group">
<h6>Phone no</h6>
<input type="tel" class="form-control" name="tel" id="phone" placeholder="+462">
</div>
<div class="col-lg-12 form-group">
<h6>Message</h6>
<textarea class="form-control message" id="message" placeholder="Enter Your Text ..."></textarea>
</div>
<div class="col-lg-12 form-group">
<button type="submit" class="btn action_btn thm_btn">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</section>
<footer class="doc_footer_area">
<div class="doc_footer_top">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6">
<div class="f_widget doc_about_widget wow fadeInUp" data-wow-delay="0.2s">
<a href="#">
<img src="img/logo.png" class="logo-light" srcset="img/logo-2x.png 2x" alt="">
<img src="img/logo-w.png" class="logo-dark" srcset="img/logo-2x.png 2x" alt="">
</a>
<p>I’m available for commissions and collaborations, and i’m excited to hear from you
about
new projects.!!</p>
<ul class="list-unstyled">
<li><a href="#"><i class="social_facebook"></i></a></li>
<li><a href="#"><i class="social_twitter"></i></a></li>
<li><a href="#"><i class="social_vimeo"></i></a></li>
<li><a href="#"><i class="social_linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-sm-6">
<div class="f_widget doc_service_list_widget pl-30 wow fadeInUp" data-wow-delay="0.3s">
<h3 class="f_title_two">Solutions</h3>
<ul class="list-unstyled">
<li><a href="#"><img src="img/new/smile2.png" alt="">Help Docs</a></li>
<li><a href="#"><img src="img/new/doc2.png" alt="">Docbuzz</a></li>
<li><a href="#"><img src="img/new/house2.png" alt="">User Frontend</a></li>
<li><a href="#"><img src="img/new/bag2.png" alt="">Lightbox</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="f_widget doc_service_list_widget pl-100 wow fadeInUp" data-wow-delay="0.4s">
<h3 class="f_title_two">Support</h3>
<ul class="list-unstyled">
<li><a href="#">Help Desk</a></li>
<li><a href="#">Knowledge Base</a></li>
<li><a href="#">Live Chat</a></li>
<li><a href="#">Integrations</a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Messages</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="f_widget doc_service_list_widget pl-70 wow fadeInUp" data-wow-delay="0.5s">
<h3 class="f_title_two">Company</h3>
<ul class="list-unstyled">
<li><a href="#">About Us</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="doc_footer_bottom">
<div class="container d-flex justify-content-between">
<ul class="doc_footer_menu list-unstyled wow fadeInUp" data-wow-delay="0.2s">
<li><a href="#">Blog</a></li>
<li><a href="#">Latest Projects</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<p class="wow fadeInUp" data-wow-delay="0.3s">© 2023 All Rights Reserved Design by
<span>Spider-themes</span>
</p>
</div>
</div>
</footer>
</div>
<!-- Back to top button -->
<a id="back-to-top" title="Back to Top"></a>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/pre-loader.js"> </script>
<script src="assets/bootstrap/js/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="js/parallaxie.js"></script>
<script src="js/TweenMax.min.js"></script>
<script src="js/jquery.wavify.js"></script>
<script src="js/anchor.js"></script>
<script src="assets/wow/wow.min.js"></script>
<script src="assets/niceselectpicker/jquery.nice-select.min.js"></script>
<script src="assets/mcustomscrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
<script src="js/main.js"></script>
</body>
</html>
|
|
Notes.io is a web-based application for 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 12 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
