index.html

---
title: QEMU
layout: home
colorbox: True
---
{% include relative_root.html %}
	<!-- Header -->
	<div id="header">
		<div class="container">
			<h1>QEMU</h1>
			<span class="tag">A generic and open source machine emulator and virtualizer</p>
		</div>
	</div>
	
<!-- Featured -->
<div id="featured">
	<header class="visuallyhidden">
		<h2>Features</h2>
	</header>
	<div class="container">
		<div class="row">
			<section class="4u">
				<div class="pennant">{% include screenshot.html offset=0 limit=1 %}</div>
				<h3>Full-system<br class="only-desktop"> emulation</h3>
				<p>Run operating systems for any machine, on any supported architecture</p>
			</section>
			<section class="4u">
				<div class="pennant">{% include screenshot.html offset=1 limit=1 %}</div>
				<h3>User-mode<br class="only-desktop"> emulation</h3>
				<p>Run programs for another Linux/BSD target, on any supported architecture</p>
			</section>
			<section class="4u">
				<div class="pennant">{% include screenshot.html offset=2 limit=1 %}</div>
				<h3>Virtualization</h3>
				<p>Run KVM and Xen virtual machines with near native performance</p>
			</section>
			<section style="display: none;">
			{% include screenshot.html offset=3 limit=10 %}
			</section>

<script src="{{ relative_root }}/assets/js/object-fit.js"></script>
<script>
window.hasColorBox = false;
$(window).on("load resize", function() {
    isMobile = window.innerWidth < 700;
    if (isMobile && window.hasColorBox) {
        window.hasColorBox = false;
        $.colorbox.remove();
    } else if (!isMobile && !window.hasColorBox) {
	window.hasColorBox = true;
	$('.colorbox').colorbox({
            'rel': '.colorbox',
            'title': function() { return $(this).attr("data-title"); }
        });
    }
});
// make links to images inactive, except through the colorbox
$('.colorbox').on("click.random-namespace", function() {
    return window.hasColorBox;
})
</script>

		</div>
	</div>
</div>

<!-- Main -->
	<div id="releases">
		<header>
			<h2>Latest releases</h2>
		</header>
		<div class="container">
			{% include releases.html %}
		</div>
	</div>


<script>
	$(window).on("scroll", function() {
		isScroll = window.scrollY < 120;
		jqBody = $('body');
		if (isScroll && jqBody.hasClass('fixed'))
			jqBody.removeClass('fixed')
		else if (!isScroll && !jqBody.hasClass('fixed'))
			jqBody.addClass('fixed')
       });
       </script>