Notes
Notes - notes.io |
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/reste.css" rel="stylesheet" />
<script src="Scripts/jquery-3.0.0.js"></script>
<script>
//$(document).ready(function () { })
$(document).ready(() => {
var metin = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sapien nisi, pellentesque in tristique porttitor, pulvinar et massa. Aenean consectetur, eros nec euismod finibus, tellus velit posuere lectus, eu congue turpis enim sit amet leo. Nulla ultrices diam eu odio sollicitudin, a commodo eros lacinia. Suspendisse eget cursus orci, at eleifend orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed venenatis varius nisl nec ornare. Donec iaculis feugiat porttitor. Etiam et felis sapien. Pellentesque nec tortor cursus mi vulputate porta. Proin nec pellentesque est, vitae vehicula odio. Phasellus in dolor purus. Mauris vel felis enim.
Nullam aliquet ipsum lobortis lacus finibus placerat. In sollicitudin elit ut convallis laoreet. Cras fermentum sapien ipsum, eget sollicitudin eros lobortis id. Aenean posuere odio eget feugiat sagittis. Aliquam erat volutpat. Fusce dapibus finibus neque vel sodales. Quisque a gravida nibh, a ornare lorem. Mauris quis semper arcu. Fusce sodales nunc non nulla dapibus, nec dapibus justo dapibus. Fusce nunc odio, mollis eu iaculis aliquam, blandit ac sem. Maecenas enim est, feugiat eu tristique nec, fermentum non sapien. Donec porta rhoncus felis, sed sodales ipsum mollis sit amet. In eleifend urna sit amet nunc venenatis, nec sagittis nulla porta. Vestibulum tristique turpis mollis, cursus est varius, egestas elit. Vivamus leo eros, porttitor gravida iaculis et, ullamcorper non orci.
Etiam non auctor ipsum. Proin fermentum turpis in enim consectetur, at iaculis enim mollis. Cras non condimentum elit. Maecenas libero diam, pretium in vehicula at, rhoncus non elit. Sed mattis in nulla ac ultrices. Nunc vehicula vulputate dapibus. Morbi in suscipit nibh. Donec viverra risus mauris, vitae gravida nisi dapibus sed. Sed quis auctor lectus. Duis vel tellus turpis.
Fusce mattis lectus vestibulum augue imperdiet, vel pretium nibh hendrerit. In hac habitasse platea dictumst. Suspendisse aliquet, felis vel porttitor pretium, tortor erat malesuada ligula, a ultricies nulla quam et felis. Phasellus pharetra mauris a lacus finibus rhoncus. Sed in nulla porttitor, vulputate velit eu, molestie odio. Integer semper enim ac nisl porttitor consectetur. Integer accumsan, nibh iaculis feugiat vestibulum, augue erat pulvinar odio, et tempor tortor nunc sed sapien. Praesent urna dolor, sollicitudin pulvinar tortor et, tincidunt scelerisque lectus. Quisque ut sem ligula. Vivamus in elementum leo, a mollis risus. Praesent a ullamcorper nulla. Nulla vel consectetur augue, et viverra nisi. Integer euismod ex at leo convallis blandit.
Donec laoreet imperdiet ligula. Duis in maximus purus, vel dapibus nibh. Aliquam facilisis venenatis ligula non venenatis. Integer eros libero, convallis non eleifend et, fringilla ut libero. Curabitur purus odio, finibus eget augue a, malesuada mollis urna. Donec consectetur maximus ante, sit amet pellentesque mi. Maecenas maximus mi consectetur ex rhoncus, vitae bibendum felis tincidunt. Integer placerat sem et urna imperdiet, egestas aliquam orci consectetur. Fusce egestas nibh non tempor dignissim. Maecenas eget purus lectus. Ut tristique dui vitae nisl semper mollis. Nullam non nunc nec justo euismod rutrum. Maecenas nisl elit, luctus id feugiat ut, iaculis quis risus. Integer condimentum tempus nisl, vel ornare ipsum aliquet eget.`;
$("#metin").html(metin);
$("#btn1").click(() => {
$("#hidden").slideToggle("slow");
})
})
</script>
</head>
<body>
<div class="container">
<div id="hidden" class="row mt-5" style="overflow:hidden!important;padding:10px; display:none">
<div class="card card-body">
<p id="metin" style=""></p>
</div>
</div>
<div class="row mt-5">
<button id="btn1" class="btn btn-outline-danger">
Tıkla!
</button>
<button id="btn2" class="btn btn-outline-warning ml-1">
Tıkla!
</button>
<button id="btn3" class="btn btn-outline-primary ml-1">
Tıkla!
</button>
<button id="btn4" class="btn btn-outline-success ml-1">
Tıkla!
</button>
<button id="btn5" class="btn btn-outline-dark ml-1">
Tıkla!
</button>
<button id="btn5" class="btn btn-outline-info ml-1">
Tıkla!
</button>
</div>
</div>
</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
