Skip to content

Instantly share code, notes, and snippets.

@bongtrop

bongtrop/index.html

Created November 28, 2016 13:44
Show Gist options
  • Save bongtrop/cfa48a8eecb36c41ab762b2e49d87886 to your computer and use it in GitHub Desktop.
Save bongtrop/cfa48a8eecb36c41ab762b2e49d87886 to your computer and use it in GitHub Desktop.
Download ZIP
Getlink
Raw
index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="GetLinks Frontend Developer Test">
<meta name="author" content="">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<title>GetLinks Frontend Developer Test</title>
</head>
<body>
<div class="container">
<div id="content"></div>
</div>
<!-- scripts -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
<script type="text/jsx">
/*** @jsx React.DOM */
function Menu(props) {
return (
<a href={props.link}>
<button type="button" className="btn btn-default">{props.title}</button>
</a>
);
}
function Header(props) {
return (
<div>
<div className='row'>
<div className="col-md-12">
<img src={props.fuck} className="img img-circle" />
</div>
</div>
<div className='row'>
<div className='col-md-3'>
<Menu link='#' title='Test 1' />
</div>
<div className='col-md-3'>
<Menu link='#' title='Test 2' />
</div>
<div className='col-md-3'>
<Menu link='#' title='Test 3' />
</div>
<div className='col-md-2'>
<Menu link='#' title='Test 4' />
</div>
</div>
</div>
);
}
const element = (
<Header fuck='http://placehold.it/200x200' />
);
ReactDOM.render(
element,
document.getElementById('content')
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment