Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
84 lines (73 sloc) 2.96 KB
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://rawgit.com/killercentury/sc-sg-assets/master/suncorp/styleguide.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.2/modernizr.min.js"></script>
<script src="https://fb.me/react-15.2.1.js"></script>
<script src="https://fb.me/react-dom-15.2.1.js"></script>
<script src="dist/input.js"></script>
<script src="dist/button.js"></script>
</head>
<body class="sg-Page">
<!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]-->
<header class="sg-Header">
<div class="sg-Header-content">
<div class="sg-Header-column">
<div class="sg-Header-logo">Brand Logo</div>
</div>
<div class="sg-Header-column sg-u-width10of10 sg-u-textRight">
<h1>StyleGuide</h1>
<ul class="sg-List-horizontal">
<li>Call us on
<a class="sg-Type--phone" href="tel:112233">11 22 33</a>
</li>
<li class="sg-u-smallHidden">
<a class="sg-Text--linkInverse" href="#!">Call me</a>
</li>
</ul>
</div>
</div>
</header>
<main class="sg-Main">
<div class="sg-Main-content">
<div class="sg-Grid-row">
<div class="sg-Grid-col2"></div>
<div class="sg-Grid-col8">
<div style="text-align: center;">
<div>Logo Here</div>
<div>
<span class="Icon-gear--default Icon--xlarge"></span>
</div>
<br/>
<h3>Hello world! This is StyleGuide Starter.</h3>
<a href="http://styleguide/sgdoc/docs" class="sg-Btn sg-Btn--primary sg-Btn--large">Visit StyleGuide</a>
<div id="cms-container-1">
<div id="react-input-container"></div>
<script>
ReactDOM.render(React.createElement(Input, {}), document.getElementById('react-input-container'));
</script>
</div>
<div id="cms-container-2">
<div id="react-button-container"></div>
<script>
ReactDOM.render(React.createElement(Button, {}), document.getElementById('react-button-container'));
</script>
</div>
</div>
</div>
<div class="sg-Grid-col2"></div>
</div>
</div>
</main>
<footer class="sg-Footer">
<div class="sg-Footer-content">
<a href="https://stash.int.corp.sun/projects/SG/repos/sg-starter">Stash</a>
</div>
</footer>
</body>
</html>