<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>
View Html Online - view source on your mobile
</title>
<meta content="View Html Online - view source on your mobile" name="description">
<link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
<meta content="#ffffff" name="theme-color">
<link href="/static/min/css/9bec5f15e901.css" rel="stylesheet" type="text/css">
</head>
<body>
<header class="hero-section" id="hero-section">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="/">
<img alt="Alpha" class="logo" src="/static/img/vho-logo.svg">
</a>
<button aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarSupportedContent" data-toggle="collapse" type="button">
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#why">
Why
</a>
</li>
<li class="nav-item">
<a class="btn btn-primary btn-modal" data-target="#contact-modal" data-toggle="modal" href="#">
How
</a>
<a class="btn btn-primary btn-nav" href="#hero-section" role="button">
Back to top
</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="hero-welcome-message text-center">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>
View HTML online
</h1>
<h2>
Because sometimes you want to view the source on your mobile too
</h2>
<div class="signup-form row justify-content-center">
<div class="col-lg-8 col-md-11">
<form action="/u/" method="get">
<div class="input-wrapper">
<input class="form-control" name="u" placeholder="Enter url here..." type="text" value="">
<button class="btn btn-primary" type="submit">
show source
</button>
</div>
</form>
</div>
</div>
<img alt="hero-img" class="text-center hero-img" src="/static/img/hero-img.svg">
</div>
</div>
</div>
</section>
</header>
<section class="features section-spacing" id="why">
<div class="container">
<div class="row">
<div class="col-lg-5">
<header class="section-header">
<h2>
Why?
</h2>
<h3>
There's no view source option on mobile devices
</h3>
<p>
We build this because we often felt the need to quickly look at the code of a website while we were browsing on our mobile. There's no easy way to do that so we build
<a class="whitelink" href="//viewhtmlonline.com">
viewhtmlonline.com
</a>
.
</p>
</header>
</div>
<div class="col-lg-7 pt-lg-5 pt-md-4">
<ul class="row text-center">
<li class="col-md-12 pt-lg-4">
<a href="/temp.cool">
<img alt="This is how we do it." src="/static/img/why-illustration.svg">
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class="more-features">
<div class="container">
<div class="row">
<div class="section-header">
<h3 class="pb-4 mt-5">
Latest requests
</h3>
</div>
<table class="table">
<thead class="thead-light">
<tr>
<th scope="col">
#
</th>
<th class="d-lg-none" scope="col">
Url
</th>
<th class="d-none d-lg-block" scope="col">
Url
</th>
<th scope="col">
Source
</th>
<th scope="col">
Date
</th>
</tr>
</thead>
<tbody>
<tr>
<th>
1
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=e6b4d467e828">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=e6b4d467e828">
https://thebolditalic.com/?gi=e6b4…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=e6b4d467e828">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:50:02
</td>
</tr>
<tr>
<th>
2
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=53da9008799d">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=53da9008799d">
https://thebolditalic.com/?gi=53da…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=53da9008799d">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:58
</td>
</tr>
<tr>
<th>
3
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=0e4352cdb8c1">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=0e4352cdb8c1">
https://thebolditalic.com/?gi=0e43…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=0e4352cdb8c1">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:54
</td>
</tr>
<tr>
<th>
4
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=36de9b217d7c">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=36de9b217d7c">
https://thebolditalic.com/?gi=36de…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=36de9b217d7c">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:51
</td>
</tr>
<tr>
<th>
5
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=7e196aba4c41">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=7e196aba4c41">
https://thebolditalic.com/?gi=7e19…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=7e196aba4c41">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:46
</td>
</tr>
<tr>
<th>
6
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=953a8c66eb30">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=953a8c66eb30">
https://thebolditalic.com/?gi=953a…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=953a8c66eb30">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:38
</td>
</tr>
<tr>
<th>
7
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=027e9faa1724">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=027e9faa1724">
https://thebolditalic.com/?gi=027e…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=027e9faa1724">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:36
</td>
</tr>
<tr>
<th>
8
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=88cde42918fe">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=88cde42918fe">
https://thebolditalic.com/?gi=88cd…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=88cde42918fe">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:35
</td>
</tr>
<tr>
<th>
9
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=a9f18f854e21">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=a9f18f854e21">
https://thebolditalic.com/?gi=a9f1…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=a9f18f854e21">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:31
</td>
</tr>
<tr>
<th>
10
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=9fc805855606">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=9fc805855606">
https://thebolditalic.com/?gi=9fc8…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=9fc805855606">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:26
</td>
</tr>
<tr>
<th>
11
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=bbb080603eee">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=bbb080603eee">
https://thebolditalic.com/?gi=bbb0…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=bbb080603eee">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:22
</td>
</tr>
<tr>
<th>
12
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=0d1a1a1f6fe2">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=0d1a1a1f6fe2">
https://thebolditalic.com/?gi=0d1a…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=0d1a1a1f6fe2">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:19
</td>
</tr>
<tr>
<th>
13
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=99db02fb3f58">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=99db02fb3f58">
https://thebolditalic.com/?gi=99db…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=99db02fb3f58">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:15
</td>
</tr>
<tr>
<th>
14
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=8571140f2746">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=8571140f2746">
https://thebolditalic.com/?gi=8571…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=8571140f2746">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:14
</td>
</tr>
<tr>
<th>
15
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=5bec0b79efb9">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=5bec0b79efb9">
https://thebolditalic.com/?gi=5bec…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=5bec0b79efb9">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:10
</td>
</tr>
<tr>
<th>
16
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=fbfb6ec8ace9">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=fbfb6ec8ace9">
https://thebolditalic.com/?gi=fbfb…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=fbfb6ec8ace9">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:49:03
</td>
</tr>
<tr>
<th>
17
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=0085914125a1">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=0085914125a1">
https://thebolditalic.com/?gi=0085…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=0085914125a1">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:48:59
</td>
</tr>
<tr>
<th>
18
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=3bd3bffaca2c">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=3bd3bffaca2c">
https://thebolditalic.com/?gi=3bd3…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=3bd3bffaca2c">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:48:58
</td>
</tr>
<tr>
<th>
19
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=e67b7cfa10c8">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=e67b7cfa10c8">
https://thebolditalic.com/?gi=e67b…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=e67b7cfa10c8">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:48:55
</td>
</tr>
<tr>
<th>
20
</th>
<td class="d-lg-none">
<a href="https://thebolditalic.com/?gi=0c3f69fdfa36">
<i class="fas fa-sign-out-alt fa-2x">
</i>
</a>
</td>
<td class="d-none d-lg-block">
<a href="https://thebolditalic.com/?gi=0c3f69fdfa36">
https://thebolditalic.com/?gi=0c3f…
</a>
</td>
<td>
<a href="/https://thebolditalic.com/?gi=0c3f69fdfa36">
<i class="fas fa-file-code fa-2x">
</i>
</a>
</td>
<td>
2024-04-22 09:48:54
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="more-features">
<div class="container">
<div class="row">
<div class="signup-form row justify-content-center">
<div class="col-lg-8 col-md-11">
<form action="/u/" method="get">
<div class="input-wrapper">
<input class="form-control" name="u" placeholder="Enter url here..." type="text" value="">
<button class="btn btn-primary" type="submit">
show source
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="cta section-spacing">
<svg height="300px" preserveAspectRatio="none" viewBox="0 0 1200 300" width="100%" xmlns="http://www.w3.org/2000/svg">
<g class="curve" fill="none" fill-rule="evenodd" stroke="#fff" transform="translate(0,90)">
<path d="M 0, 60 S 300, -60, 600, 60, 800, -120, 1200 60" id="glowPath">
</path>
<path d="M 0, 60 S 200, -60, 400, 60, 900, -120, 1200 60">
</path>
<path d="M 0, 60 S 200, -70, 400, 70, 800, -120, 1200 60">
</path>
</g>
</svg>
<div class="container">
<div class="row">
<div class="col-lg-8">
<header class="section-header">
</header>
</div>
<div class="col-lg-4">
</div>
</div>
</div>
</section>
<footer class="site-footer section-spacing">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<img alt="logo" src="/static/img/vho-logo.svg">
</div>
</div>
<div class="row">
<div class="col-lg-4">
<ul class="terms-privacy">
<li>
<a href="https://temp.cool" title="Freem temporary messages">
temp.cool
</a>
</li>
<li>
<a href="https://3gratitudes.com" title="Free gratitude journal">
3gratitudes.com
</a>
</li>
<li>
<a href="https://temporary-email.com" title="Free temporary e-mail address">
temporary-email.com
</a>
</li>
</ul>
</div>
<div class="col-lg-4 text-center">
<p>
© 2019
<a href="//solid.cool">
solid.cool
</a>
. All rights reserved.
</p>
</div>
<div class="col-lg-4">
<ul class="social">
<li class="small">
Share this via:
</li>
<li>
<a href="https://twitter.com/home?status=https://viewhtmlonline.com">
<i class="fab fa-twitter fa-lg">
</i>
</a>
</li>
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=https://viewhtmlonline.com">
<i class="fab fa-facebook-f fa-lg">
</i>
</a>
</li>
<li>
<a href="https://reddit.com/submit?url=https://viewhtmlonline.com&title=View html source online">
<i class="fab fa-reddit fa-lg">
</i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<div aria-hidden="true" aria-labelledby="contact-form-modal" class="modal fade contact-modal" id="contact-modal" role="dialog" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button aria-label="Close" class="close" data-dismiss="modal" type="button">
<span aria-hidden="true">
×
</span>
</button>
</div>
<div class="modal-body text-center">
<header id="contact-form-modal">
<h2>
How do I use this?
</h2>
<p>
You can type
<code>
viewhtmlonline.com
</code>
in front of any url you're browsing and it will show you the source.
</p>
<p>
For example:
<code>
<a href="https://viewhtmlonline.com/https://temp.cool">
viewhtmlonline.com/https://temp.cool
</a>
</code>
</p>
</header>
<button aria-label="Okay" class="btn btn-primary" data-dismiss="modal" type="button">
Okay
</button>
</div>
</div>
</div>
</div>
<script src="/static/min/js/c0ea76933724.js" type="text/javascript">
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-115305880-2">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-115305880-2', {
'anonymize_ip': true
});
</script>
<script>
(function() {
if (!document.body) return;
var js = "window['__CF$cv$params']={r:'8799d88f5c14643d',t:'MTcxNDAwMTA1Ny4xOTQwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";
var _0xh = document.createElement('iframe');
_0xh.height = 1;
_0xh.width = 1;
_0xh.style.position = 'absolute';
_0xh.style.top = 0;
_0xh.style.left = 0;
_0xh.style.border = 'none';
_0xh.style.visibility = 'hidden';
document.body.appendChild(_0xh);
function handler() {
var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;
if (_0xi) {
var _0xj = _0xi.createElement('script');
_0xj.innerHTML = js;
_0xi.getElementsByTagName('head')[0].appendChild(_0xj);
}
}
if (document.readyState !== 'loading') {
handler();
} else if (window.addEventListener) {
document.addEventListener('DOMContentLoaded', handler);
} else {
var prev = document.onreadystatechange || function() {
};
document.onreadystatechange = function(e) {
prev(e);
if (document.readyState !== 'loading') {
document.onreadystatechange = prev;
handler();
}
};
}
})();
</script>
</body>
</html>