NotesWhat is notes.io?

Notes brand slogan

Notes - notes.io

<html> <head> <title>spor bolumu</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body>
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700,700italic,900,900italic' rel='stylesheet'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<style>
a {
text-decoration: none;
color:black;

}
a.serif {
font-family: "Times New Roman", Times, serif;
}
</style>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<body>
<head>

</body>
</head>
<p><font face="tahoma" size="5" color="white"> <b><center>CONNECT PLUS SPOR EKRANI </center></b></font></p>



<div class="container">
<div class="kanallar">
<div class="row">

<iframe id="cr-broadcast-list" name="cr-broadcast-list" src="http://1.webspor.live/tv.html" frameborder="0" width="100%" height="470" scrolling="no"></iframe>






<style>
body {margin: 0; padding: 0; overflow-x: hidden; font-family: 'Roboto', sans-serif; background-color:#272727;}
body.lock{ overflow: hidden; position: fixed; top:0; bottom:0; left:0; right:0; height: 100%; }
ul,li,ol {list-style-type: none; padding: 0; margin: 0;}
a {text-decoration: none!important;}
input,select,textarea {font-family: 'Muli', sans-serif; font-size: 16px;}
.clr:after {content: ''; clear: both; display: block; height: 0; overflow: hidden}
.headerbar {height: 45px; width: 100%; background-color: #2D3572; position: relative;}
.headerbar:after {content: ' '; width: 48%; height:45px; position: absolute; left: 0; top: 0; z-index: 7; background-color: #25668C;}
.angle {content: ' ';width: 45px;height: 106px; position: absolute;left: 48%;top: -47px; z-index: 8; transform: rotate(30deg); background-color: #25668C;}
.anglew {height: 45px; overflow: hidden; width: 100%; z-index: 9; position: absolute;}
.headerbar nav {position: relative; z-index: 10;}
.headerbar nav ul li {float: left;}
.headerbar nav ul li a {float: left; line-height: 45px; color: ; margin-right: 26px; position: relative;}
.headerbar nav ul li a:hover {color: #c6fffc;}
.headerbar nav ul li a:after {content: ' '; width: 1px; height:10px; background-color: rgba(255,255,255,.23); position: absolute; right: -15px; top: 18px; transform: rotate(27deg);}
#logo {float: left; margin-right: 30px; margin-left: -45px; font-size: 0; line-height: 0; background: url('../images/logo-back.png') no-repeat; background-size: 50%; height: 122px;}
#logo img{height: 81px; width: auto; margin-top: 20px; margin-left: 65px}

.triangle {position: relative; background: ;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10);}
.triangle:before {content:' '; width: 100%; opacity: 0.07; background: #6A5EB7; height: 5px; position: absolute; bottom: 0; left: 0;}
.triangle:after {width: 266px; content: ' '; opacity: 0.12; background: #38D2D1;height: 200px;position: absolute;top: -170px;left: calc(48% - 220px);transform: rotate(29deg);}
form.arama {position: relative; z-index: 10; margin-top: 20px; line-height: 0; font-size: 0;}
form.arama input {background: rgba(255,255,255,0.70);border: 2px solid #C1C1C1;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);border-radius: 100px;font-weight: 600;
font-size: 16px;color: #585F6B;letter-spacing: -0.35px; text-indent: 20px; line-height: 45px; float: left; height: 45px; width: 470px; outline: 0; margin-top: 26px;}
form.arama input:focus {border-color: #26658b; box-shadow:0 2px 10px 0 rgba(38, 101, 139, 0.35); background: ;}
form.arama input:hover {border-color: #26658b; background: ;}


.type1 {border: 2px solid #25668C;color: #25668C;}
.type2 {border: 2px solid #2D3572;color: #2D3572;}
.type1:hover {border: 2px solid #25668C;color: ; background-color: #25668C}
.type2:hover {border: 2px solid #2D3572;color: ; background-color: #2D3572}
.dots {float: left; width: 4px; height: 4px; border-radius: 100px; background-color: ; margin: 1px 1px 0 1px;}
.alogbut {border: 2px solid #25668C;color: #25668C;}
.alogbut:hover{border: 2px solid #25668C;color: ; background-color: #25668C}
.headerbutton {float: right; margin-top: 25px; padding: 9px 20px; margin-left: 10px; font-weight: 600; font-size: 14px; border-radius: 100px;}

h1.title, div.title{ color:#c3d7f0; font-weight: normal; font-size:22px; padding: 20px 0; text-transform: uppercase }

h2.c2, div.c2{ color:#000000; font-weight: normal; font-size:18px; text-transform: uppercase }

h3.c3, div.c3{ color:#000000; font-weight: normal; font-size:16px; text-transform: uppercase }

h4.c4, div.c4{ color:#000000; font-weight: normal; font-size:14px; text-transform: uppercase }

.kanallar .row>div{margin-bottom: 30px}
.kanallar .kanal{ background: #101010; border: 1px solid ;}
.kanallar .kanal:hover{ border: 1px solid #074798}
.kanallar .kanal .resim{ display:table; width: 100% }
.kanallar .kanal .resim img{ max-width: 100px!important; max-height: 150px; height: auto; display:inline }
.kanallar .kanal .resim a{ display:table-cell; vertical-align: middle; height: 150px; text-align:center; width: 100% }
.kanallar .kanal .isim a{ background: ; color: #0e4c98; display: block; line-height: 50px; padding-left: 20px;}
.kanallar .kanal:hover .isim a{ background: #074798; color: }
.kanallar .kanal .isim a:after{ content: ''; display: block; background: url("../images/icon.png"); height: 34px; width: 34px; float:right; margin-top:8px; margin-right: 10px}
.kanallar .kanal:hover .isim a:after{ background: url("../images/icon-hover.png"); }

.sayfalama{ background: #e1ebf9; height: 50px; text-align: center; margin-bottom: 50px}
.sayfalama a{ display: inline-block; line-height: 48px; border-bottom: 2px solid transparent; padding: 0 10px}
.sayfalama a:hover{ border-color: #0e4c98}
.sayfalama a.active{ background: #0e4c98; color: }

.multiple-items .slick-list{ margin: 0 -15px }
.multiple-items .slick-slide{ margin: 0 15px; height: auto }
.multiple-items .slick-arrow{ position: absolute; right: 30px; cursor:pointer; top: -50px; padding: 5px; background: url("../images/arrow-left.png"); border:0; color: transparent; outline:none; width: 11px; height: 21px; }
.multiple-items .slick-next{ right: 0; background: url("../images/arrow-right.png"); }

.about{margin: 50px 0; padding: 40px; background: #e2ebfa}
.about img{width: 100%; margin: 40px 0 }

#footer{ min-height: 346px; background: ; border-top: 15px solid #f5f4fa; font-size:15px}
#footer .logo{ background: url("../images/footer-back.png") no-repeat; height: 331px; width: 100%; margin-left: -50px; padding-left: 50px; box-sizing:content-box}
#footer .logo img{ float: left; margin-left: 50px; margin-top: 80px; margin-right: 60px}
#footer .logo-link{ float:left; margin-top:80px}
#footer ul{border-right: 1px solid #074798; width: 100%; margin-top: 80px; height: 130px}
#footer .row>div:last-child ul{border-right: 0}
#footer ul.logo-link{ width: calc( 100% - 215px)}
#footer ul span{ color: #074798; font-size: 20px; font-weight: bold }
#footer ul li{ margin-bottom: 10px }
#footer ul li a{ color: #444; transition: color 400ms }
#footer ul li a:hover{ color: #074798 }
#footer ul.social{margin-top: 0}
#footer ul.social li{float:left; margin-right: 5px}
#footer ul.social li img{width: 30px; transition: all 400ms}
#footer ul.social li a:hover img{transform: scale(1.2)}

#footer .copyright{ width:620px; text-align:center; border-top: 1px solid #074798; margin: -80px auto; padding-top:20px; color:#074798; font-weight: bold}

#player{ background: ; position: relative}
#player .header{ padding: 10px 20px; line-height: 41px; color:#074798}
#player .header h1{ display: inline-block; font-size: 18px; font-size: bold}
#player .header img{height: 41px; margin-right: 20px}
#player .iframe{background: #000000; height: 430px; }
#player .iframe iframe{width: calc( 100% - 100px ); z-index:9999; position: relative}
#player .buttons{margin:20px 0 0 60px; padding:0; list-style: none}
#player .buttons:after{content: ''; display:block; clear:both}
#player .buttons li{display:block; float:left; margin-right: 20px}
#player .buttons li a{background: #25668c; display:block; color: ; padding: 5px 7px; border-radius: 10px 10px 0 0 }
#player .h-buttons{float:right}
#player .h-buttons a{display: inline-block; margin-left: 15px}
#player .h-buttons img{ height: 24px; margin-right: 5px }


#channel-list ::-webkit-scrollbar-button{ display: block; height: 0; border-radius: 0px; background-color: #AAA; }
#channel-list ::-webkit-scrollbar-button:hover{ background-color: #AAA; }
#channel-list ::-webkit-scrollbar-thumb{ background-color: #CCC; border-radius: 30px; }
#channel-list ::-webkit-scrollbar-thumb:hover{ background-color: #CCC; }
#channel-list ::-webkit-scrollbar-track{ background-color: #efefef; }
#channel-list ::-webkit-scrollbar{ width: 10px; }



#channel-list{ background: ; width: 100px; float: right; height: 430px}
#channel-list li{padding: 4px 10px; line-height: 35px; border-bottom: 1px dotted #cacaca}
#channel-list li a{display: block; font-size: 13px}
#channel-list li b{ margin-top: 5px; width: 40px; height: 40px; background: #cacaca; border-radius: 30px; display: none; float: left; align-items: center; overflow: hidden; margin-right: 10px; padding: 5px}
#channel-list li img{ height: 30px; max-width: 30px }
#channel-list input{border: 1px solid #f1f1f1; width: 100%; border-left:0; border-right:0; padding: 14px 12px; font-size:13px; outline:none}
#channel-list label{ position: relative; margin-bottom: 0 }
#channel-list label img{ position: absolute; right: 5px; top: 12px; width: 24px}
#channel-list ul{ overflow-y: scroll; height: calc( 100% - 70px )}

#lights{z-index:999; background: rgba(0,0,0,.8); position: fixed; left:0; right:0; top:0; bottom: 0; display: none}

.comment-form{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cacaca; }
.comment-form label{display:block; padding-top: 10px; }
.comment-form label input, .comment-form label textarea{outline:none; display:block; border-radius: 10px; border: 1px solid #cacaca; padding:5px 7px; width: 100%; resize: none }
.comment-form input[type=submit]{background: ; color:#074798; padding: 7px 10px; border:2px solid #074798; border-radius: 20px; cursor:pointer; float:right}
.comment-form input[type=submit]:hover{background: #074798; color:; }
.comment-form:after{content: ""; display: block; clear:both;}

.site-comments{display: none}
.site-comments ul li{margin-bottom: 10px; background: #f9f9f9; padding: 10px; border-radius: 10px; border-bottom: 1px dotted #074798}
.site-comments ul span{float:right}
.site-comments ul p{padding: 10px 0; margin-bottom: 0}

#description{ background: ; margin-bottom: 30px; margin-top: 30px}
#description .d-info{ font-size: 14px }
#description .d-info img{margin: 20px auto; display:block}
#description .d-info span{background: #074798; color: ; display:block; width:100%; padding:7px 0; text-align:center}
#description .d-info p{color: #074798; padding: 0 20px; margin-top: 10px; line-height:30px}
#description .content{padding: 20px; font-size:12px}

.hideStreaming .title{ display: none }
@media screen and (max-width:600px){
#sidebar_reklam{display:none;}
}
#channel_reklam{background: #f2f7fd; margin:10px auto 0 auto; width:336px; height: 280px}

#posts .post{background: ; padding: 20px; margin-bottom: 20px}
#posts .post:after{content: ""; display: block; clear: both}
#posts .post .image{float:left; width: 200px; text-align: center}
#posts .post .p-info{float:left; width: calc( 100% - 200px ); }
#posts .post .image img{ width: 100%; box-sizing: border-box; padding-right:20px }
#posts .post .image a{display:block; width: 100%}
#posts .post .p-info a{display:block; font-size:20px}

#posts .post-single{background: ; padding: 20px; margin-bottom: 20px}
#posts .post-single .image img{width: 100%}
#posts .post-single .p-info a.p-title{display:block; margin-top: 20px; font-size: 20px}
#posts .post-single .p-info a{display:inline-block; font-size: 16px}
#posts .post-single h1{font-size: 30px}

.iframeSite{ display:block; text-align: center }
.iframeSite iframe{ max-width: 100%; width: 850px}
.iframe-code{resize:none; width: 600px; max-width: 100%; border:1px solid #cacaca; border-radius: 5px; margin:30px auto 0 auto; display: block }
.iframeConfig{text-align: center; margin: 30px 0}
.iframeConfig select{ padding:5px 7px; border-radius: 3px}

.show-errors{position: relative}
.show-errors b{font-weight: normal}
.show-errors .errors{ display: none; width: 250px; position: absolute; background: ; z-index: 99999; right: 0; padding: 10px; box-shadow: 0 0 3px 1px #000}
.show-errors .errors:before{ display:block; position: absolute; right: 25px; top: -20px; border: 10px solid transparent; border-bottom: 10px solid #000; width: 5px; height: 5px; content: ''}
.show-errors .errors select{float:left; width: calc( 100% - 70px ); display: block; height: 40px; border-radius: 3px}
.show-errors .errors button{float:right; cursor: pointer; width: 60px; height: 40px; line-height: 36px; background: ; color: #074798; box-sizing: border-box; border: 2px solid #074798; border-radius: 3px; transition: background 400ms}
.show-errors .errors button:hover{ color: ; background: #074798}

.lastBlog .title{ font-weight: bold; font-size: 20px}
.lastBlog li{margin-bottom: 5px; border-bottom: 1px dotted #cacaca}

#streaming{background: ; }
#streaming>div{display:none}
#streaming .title{ background: #2d3572; color: ; text-align:center; padding: 10px 0; font-size: 18px }
#streaming ul{ padding: 20px}
#streaming li{ margin-bottom: 10px }
#streaming li:after{ content: ""; display: block; clear:both }
#streaming ul span{ background: #074798; color: ; border-radius: 5px; padding: 7px 10px; width: 70px; float:left; text-align: center; display:inline-block }
#streaming b{ background: #ebebeb; border-radius: 5px; padding: 7px 10px; display: inline-block; width: calc( 100% - 80px ); margin-left: 10px; float:left }

.week-days{margin-bottom: 10px}
.week-days:after{content: ""; display:block; clear:both}
.week-days li{float:left; margin-right: 10px}
.week-days a{display:block; background: #074798; border-radius:5px; color: ; padding: 7px 10px; }
.week-days a.active{display:block; background: ; color: #074798; padding: 7px 10px; }

#global-streaming{background: ; margin: 30px 0; text-align: center; overflow:hidden}
#global-streaming .title{background: #f1f1f1; padding: 0; color: #333; font-size: 16px; text-align:center }
#global-streaming .row div {border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; box-sizing:border-box; padding: 7px 15px}
#global-streaming .row div.active {background: #074798; color:}
#global-streaming .row div:last-child {border-right: 0;}
#global-streaming .content .row div{padding: 10px 15px; font-size:14px}
#global-streaming img{height: 60px}

.comments{ background: ; padding: 20px }
.comments .comments-buttons a{display: inline-block; width: 50%; text-align: center; float: left; color: #666; border-bottom: 3px solid #666; padding-bottom: 10px}
.comments .comments-buttons a.active{color:#074798; border-color:#074798; font-weight: bold}
.comments .comments-buttons:after{content: ""; display:block; clear: both}

.mobileonly{display: none}

.reytingTablo{ width: 100%;
height: auto;
display: inline-block;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 4px 0px;
margin-bottom: 15px;
margin-top: 15px;
padding: 20px 20px 19px;
background: rgb(255, 255, 255);
border-radius: 2px;}
ul.tabloIcTab{
height: 37px;
margin-bottom: 17px;
overflow: hidden;
border-radius: 2px;
border-width: 1px;
border-style: solid;
border-color: rgb(233, 233, 233);
border-image: initial;
display: inline-block;
}
ul.tabloIcTab:after{content: ""; display:block; clear:both}
ul.tabloIcTab li{ cursor: pointer;
height: 37px;
line-height: 37px;
float: left;
text-align: center;
padding: 0px 18px;
border-right: 1px solid rgb(233, 233, 233);
background: rgb(249, 249, 249);
}

ul.tabloIcTab li.active{background: rgb(241, 241, 241);}

ul.tabloHead{ width: 100%;
height: 50px;
float: left;
display: block;
box-sizing: border-box;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: rgb(249, 249, 249);
border-width: 1px;
border-style: solid;
border-color: rgb(233, 233, 233);
border-image: initial;
overflow: hidden;}

ul.tabloIc li, ul.tabloHead li{box-sizing: border-box;
height: 50px;
float: left;
display: block;
text-align: center;
border-right: 1px solid rgb(233, 233, 233);}

ul.tabloHead li span{ width: 100%;
display: block;
font-size: 15px;
font-weight: 600;
line-height: 50px;}

ul.tabloIc li span{ width: 100%;
display: block;
font-size: 14.5px;
font-weight: 400;
line-height: 50px;}

li.sira{ width: 8% }
li.program{ width: 37%; text-align: left!important; padding: 0 15px }
li.kanal, li.bitis, li.basl, li.reyting, li.share{ width: 11%}

.kanalLoadMoreButton{ display: none }
.reytingTablo .tabBottomWrapper{display: none}
.haftalikProgram ul + .tabBottomWrapper{display: block}
.haftalikProgram:after, #GunlukTablolar:after{ content: ""; display: block; clear:both}
#GunlukTablolar .tabBottomWrapper:first-child{display: block}

.haftalikProgram{ display: none }

.ratingTitle{ padding: 20px; margin-top:15px; background: ; box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 4px 0px}
.ratingTitle:after{content: ""; display: block; clear: both}
.ratingTitle p{float:left; margin:0; padding: 0; font-weight: bold; font-size: 18px}
.ratingTitle span{display:block; font-weight: normal; font-size: 15px}
.ratingTitle .buttons{float:right; border: 1px solid #e9e9e9;
background: #f9f9f9;}
.ratingTitle .buttons a{
padding: 0 18px;
height:40px;
line-height: 40px;
float: left;
text-align: center;
border-right: 1px solid #e9e9e9;
}

.ratingTitle .buttons a.active{
background: -webkit-linear-gradient(left,#0860d8 0,#096cf1 100%);
background: linear-gradient(to right,#0860d8 0,#096cf1 100%);
color:
}

ul.tabloIc{ width: 100%;
height: 50px;
float: left;
display: block;
box-sizing: border-box;
background: rgb(249, 249, 249);
border-bottom: 1px solid rgb(233, 233, 233);
border-left: 1px solid rgb(233, 233, 233);
border-right: 1px solid rgb(233, 233, 233);
overflow: hidden;}

.tabloIcSag{display: none}


.info{ position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}


.alert{
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}

.comment-form .alert{display:none; margin-top: 10px}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

.col-xs-5ths {
width: 20%;
float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}

@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}

@media (min-width: 1200px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}

.left-align-slick > .slick-list > .slick-track {
margin-left:0;
}

header.mobile{ height:65px; padding:7px 0; background: ; display: none; border-bottom: 5px solid #f1f1f1}
header.mobile .logo img{ display: block; margin:0 auto; height: 44px;}
header.mobile .hamburger{position:absolute; top: 11px; right: 15px}
header.mobile .hamburger img{ height: 36px }

header.mobile .mobile-menu{ position:fixed; width: 100%; left: 100%; bottom: 0; background: #f1f1f1; height: 100%; transition: all 400ms; top:0; z-index:999999 }
header.mobile .mobile-menu .back{ background: ; height: 60px; width: 100%; display: block }
header.mobile .mobile-menu .back img{ height: 40px; margin: 10px; }
header.mobile .mobile-menu.active{ left: 0 }
header.mobile .mobile-menu ul{ position: relative; height: calc(100% - 60px); overflow: scroll}
header.mobile .mobile-menu ul a{display: block; padding: 15px 18px; border-bottom: 1px dotted #cacaca}

.mobile-search{margin: 20px auto; display: none}
.mobile-search .arama{margin-top:0}
.mobile-search .arama:after{content: ""; display: block; clear: both}
.mobile-search form.arama input{ width: calc( 100% - 100px)!important; margin-top: 0}
.mobile-search form.arama button{ width: 90px; height: 45px; float:right; border-radius: 100px; border: 2px solid #074798; font-size:18px; background: }


@media screen and (max-width:600px){
.webonly {display: none}
}

.reklam-alani { width: 336px; height: 280px; } margin:10px auto 0 auto;
@media(min-width: 500px) { .reklam-alani { width: 375px;</span> height: 312px; } }
@media(min-width: 800px) { .reklam-alani { width: 970px;</span> height: 250px; } }


@media screen and (max-width: 1200px) {
.container{width: 98%; max-width: 98%;}

.mobileonly, .mobile-search{display: block}

.header{ display: none}
header.mobile{display: block}
.kanallar .row>div{ width: 50%!important; flex: 50%; max-width: 50% }

#footer .row>div{flex: 100%; max-width: 100%}
#footer ul{border-right: none; margin-top: 30px; height: auto; text-align: center}
#footer .social{width: 220px; margin: 10px auto}
#footer .social:after{content: ""; display: block; clear:both}

#footer .copyright{margin: 0 auto; width: 100%; padding-bottom: 20px}
.about .row>div{ flex: 100%; max-width: 100%}
.about img{ width: 300px; margin: 0 auto 30px auto; display: block}

#channel-list{display: none}

.row>div{ flex: 100%; max-width: 100%}
.sidebar{margin-top: 20px}

#posts .post .image{ width: 100%; float: none; margin-bottom: 10px}
#posts .post .p-info{ width: 100%; float: none;}
#posts .post .image img{ padding-right: 0}

#player .buttons{ margin:0; padding: 20px!important}
#player .buttons li{ margin: 5px!important }
#player .buttons li a{ border-radius: 10px }

#player .iframe iframe{width: 100%;}

}
</style>


     
 
what is notes.io
 

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

     
 
Shortened Note Link
 
 
Looding Image
 
     
 
Long File
 
 

For written notes was greater than 18KB Unable to shorten.

To be smaller than 18KB, please organize your notes, or sign in.