Framer to HTML. Your site as files, ready to upload.

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    
    <!-- Fonts and images load from the asset CDN: connect early, as the published site does -->
    <link rel="preconnect" href="https://framerusercontent.com" />
    <link rel="preconnect" href="https://framerusercontent.com" crossorigin="" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
    <meta data-prerendered name="viewport" content="width=device-width"/><link data-prerendered rel="preload" as="image" href="https://fram…
.df-pointer-events-none, .df-pointer-events-none * { pointer-events: none !important; }
.ssr-variant { display: contents; }</style><style data-breakpoint-css="">@media(max-width: 1199px){.hidden-template-phone{display:none!impo…
	var w = window;
	var d = document;
	var state = w.__breakpointPruner;
	if (!state) {
		state = w.__breakpointPruner = {
			active: {},
			known: {},
			overrides: [],
			deferred: [],
			emptyWrappers: []
		};
		var isHidden = function(element) {
			var list = element.classList;
			for (var i = 0; i < list.length; i++) {
				var name = list[i];
				if (name.indexOf("hidden-") === 0 && state.active[name]) return true;
			}
			return false;
		};
		var isOverrideMarker = function(node, edge) {
			return node && node.nodeName === "TEMPLATE" && node.hasAttribute("data-breakpoint-override-" + edge);
		};
		var segmentId = /S:[0-9a-z]+$/;
		var targetId = /P:[0-9a-z]+$/;
		var inStreamSegment = function(node) {
			for (var parent = node.parentElement; parent; parent = parent.parentElement) if (parent.hidden && segmentId.test(parent.id)) return true;
			return false;
		};
… 1461 more lines