Josh’s React.js Project 1

<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html><!-- [et_pb_line_break_holder] --> <head><!-- [et_pb_line_break_holder] --> <meta charset="UTF-8" /><!-- [et_pb_line_break_holder] --> <title>Josh's React JS</title><!-- [et_pb_line_break_holder] --> <script src="https://unpkg.com/react@16/umd/react.development.js"></script><!-- [et_pb_line_break_holder] --> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><!-- [et_pb_line_break_holder] --> <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script><!-- [et_pb_line_break_holder] --> <style><!-- [et_pb_line_break_holder] --> body {background-color: black;}<!-- [et_pb_line_break_holder] --> h1 {color: red;}<!-- [et_pb_line_break_holder] --> h2 {color: red;}<!-- [et_pb_line_break_holder] --> ul {list-style: none;}<!-- [et_pb_line_break_holder] --> li {margin-top: 10px;}<!-- [et_pb_line_break_holder] --> Button {background-color:red; /* Green */<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> color:black;<!-- [et_pb_line_break_holder] --> padding: 15px 32px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin: 4px 2px;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> font: 1em cursive;<!-- [et_pb_line_break_holder] --> border-radius: 8px;}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </style><!-- [et_pb_line_break_holder] --> </head><!-- [et_pb_line_break_holder] --> <body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div id="root"><!-- [et_pb_line_break_holder] --> <script type="text/babel"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> ReactDOM.render(<!-- [et_pb_line_break_holder] --> <h1><center>Emerging Web Technologies!!!</center></h1>,<!-- [et_pb_line_break_holder] --> document.getElementById('root')<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> </script><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const element = <h2><center>What are we up to?</center></h2>;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div><!-- [et_pb_line_break_holder] --> <ul><!-- [et_pb_line_break_holder] --> <center><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://community.canvaslms.com/"><!-- [et_pb_line_break_holder] --> <Button>Shawnta Christensen</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://aws.amazon.com/lightsail/"><!-- [et_pb_line_break_holder] --> <Button>Collin Burkhart</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://en.wikipedia.org/wiki/Progressive_Web_Apps"><!-- [et_pb_line_break_holder] --> <Button>Joyce Doorn</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://www.weyerhaeuser.com/welcome/"><!-- [et_pb_line_break_holder] --> <Button>Art Bennett</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://en.wikipedia.org/wiki/Blockchain"><!-- [et_pb_line_break_holder] --> <Button>Chris Colvin</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> <li><!-- [et_pb_line_break_holder] --> <ButtonToolbar><!-- [et_pb_line_break_holder] --> <a href="https://reactjs.org/"><!-- [et_pb_line_break_holder] --> <Button>Josh Lewis</Button> </a><!-- [et_pb_line_break_holder] --> </ButtonToolbar><!-- [et_pb_line_break_holder] --> </li><!-- [et_pb_line_break_holder] --> </center><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> </body><!-- [et_pb_line_break_holder] --></html>