Need help finding the unterminated JSX contents
<p>This code is using react, but for some reason it keeps saying I have unterminated JSX Contents.  I've been looking though the code for a while now and I can't see where the problem is?</p>

<p>What we're doing is rendering this React code on a HTML page I need to solve this issue so I can begin doing my work properly.</p>

<p>I've added the entire JS file below you can take a look.  I'm a bit lost with this to be honest.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var Content = React.createClass({


    getPodURL: function(e) {
        this.setState({
            view: e.target.value + '?56e69f32cc8df77944069cff'
        });
    },

    render: function() {

         var svgPic = ' &lt;svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt;  &lt;defs&gt;  &lt;pattern id="img" patternUnits="userSpaceOnUse" width="100" height="100"&gt;  &lt;image xlink:href="img/profile.png" x="-25" width="150" height="100" /&gt;  &lt;/pattern&gt;  &lt;/defs&gt;  &lt;polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img)" /&gt;  &lt;/svg&gt;';
         var svgMatt = ' &lt;svg viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt;  &lt;defs&gt;  &lt;pattern id="img" patternUnits="userSpaceOnUse" width="100" height="100"&gt;  &lt;image xlink:href="img/matt.jpeg" x="-25" width="150" height="100" /&gt;  &lt;/pattern&gt;  &lt;/defs&gt;  &lt;polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img)" /&gt;  &lt;/svg&gt;';
         var svgJobs = ' &lt;svg id="pic2" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg"&gt; &lt;polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="#8e8db7" /&gt; &lt;/svg&gt;';

      return (
        &lt;div&gt;

  &lt;div className='container'&gt;
            &lt;ul id="sidenav"&gt;
                &lt;p&gt; &lt;strong&gt; Pod Members  &lt;/strong&gt; &lt;/p&gt;
                &lt;p id="leftNavPadding"&gt; &lt;b&gt; Sort By: &lt;/b&gt; &lt;/p&gt;
                &lt;li&gt;
                    &lt;a className="active" href="#home"&gt;Best match&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#news"&gt;Distance&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#contact"&gt;Skills&lt;/a &gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#about"&gt;Name&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#about" id="spaceBottom"&gt;Credits&lt;/a&gt;
                &lt;/li&gt;
                &lt;img src="img/search2.png" id="searchbar"/&gt;
                &lt;input id="quick" type="text" placeholder="Quick Search" /&gt;
            &lt;/ul&gt;
            &lt;div&gt;
               &lt;table&gt;
                &lt;tbody&gt;
        &lt;div&gt;

        &lt;div className="row row-offcanvas row-offcanvas-right"&gt;
            &lt;div className="col-xs-12 col-sm-9"&gt;
                &lt;div className="row"&gt;

   &lt;p className="pull-right visible-xs"&gt;
            &lt;button type="button" className="options" data-toggle="offcanvas"&gt;Search&lt;/button&gt;
          &lt;/p&gt;

          &lt;div className="col-xs-12 col-lg-12 col-md-12"&gt;
   &lt;div className='bodyContainer'&gt;
    &lt;div className="table-responsive"&gt;
    &lt;table id="table" className="table-bordered"&gt;
       &lt;tbody&gt;
                    &lt;tr className="trcolor"&gt;
                        &lt;th&gt;PODs Avaliable&lt;/th&gt;
                        &lt;th&gt;Basic Profile&lt;/th&gt;
                        &lt;th&gt;Pod Jobs&lt;/th&gt;
      &lt;th&gt;Quote&lt;/th&gt;
      &lt;th&gt;Hire Now&lt;/th&gt;
                    &lt;/tr&gt;
                    &lt;tr className="Line"&gt;
                        &lt;td&gt;
                            &lt;h4&gt;Matthew Rathbone&lt;/h4&gt;
                             &lt;div dangerouslySetInnerHTML ={{ __html: svgMatt}} /&gt;
                            &lt;form className="vpButton" action="/pod-profile"&gt;
                                &lt;button type="submit" id="bottomPad"&gt;View Profile&lt;/button&gt;
                            &lt;/form&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="basictxt"&gt; Skills: js, sarcasm, tugtwejhke , hetkewjh vktw, kuwegt jw &lt;/p&gt;
                            &lt;p id="basictxt"&gt; Credits: 25&lt;/p&gt;
                            &lt;p id="basictxt"&gt; Location: Manchester&lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                         &lt;div dangerouslySetInnerHTML ={{ __html: svgJobs}} /&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="quote"&gt; &lt;b&gt; "Mauris congue ex in diam lacinia, sit amet malesuada nunc iaculis. shjg fyejg uewg " &lt;/b&gt; &lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;form className="hireButton" action="/book-now"&gt;
                                &lt;input id="hireSize" type="image" src="img/hex.png" alt="Submit" /&gt;
                            &lt;/form&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr className="Line"&gt;
                        &lt;td&gt;
                            &lt;h4&gt;John&lt;/h4&gt;
                             &lt;div dangerouslySetInnerHTML ={{ __html: svgPic}} /&gt;
                            &lt;button id="bottomPad"&gt;View Profile&lt;/button&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="basictxt"&gt; Skills: js, php, html&lt;/p&gt;
                            &lt;p id="basictxt"&gt; Credits: 25&lt;/p&gt;
                            &lt;p id="basictxt"&gt; Location: Manchester&lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                         &lt;div dangerouslySetInnerHTML ={{ __html: svgJobs}} /&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="quote"&gt; &lt;b&gt; "Ytoeut buetbg irgur ebgueb sogheubvwu eug." &lt;/b&gt; &lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;form className="hireButton" action="/book-now"&gt;
                                &lt;input id="hireSize" type="image" src="img/hex.png" alt="Submit" /&gt;
                            &lt;/form&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                    &lt;tr className="Line"&gt;
                        &lt;td&gt;
                            &lt;h4&gt;John&lt;/h4&gt;
                            &lt;div dangerouslySetInnerHTML ={{ __html: svgPic}} /&gt;
                            &lt;button id="bottomPad"&gt;View Profile&lt;/button&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="basictxt"&gt; Skills: js, sarcasm&lt;/p&gt;
                            &lt;p id="basictxt"&gt; Credits: 25&lt;/p&gt;
                            &lt;p id="basictxt"&gt; Location: Manchester&lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                             &lt;div dangerouslySetInnerHTML ={{ __html: svgJobs}} /&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;p id="quote"&gt; &lt;b&gt; "Ytoeut buetbg irgur ebgueb sogheubvwu eug." &lt;/b&gt; &lt;/p&gt;
                        &lt;/td&gt;
                        &lt;td&gt;
                            &lt;form className="hireButton" action="/book-now"&gt;
                                &lt;input id="hireSize" type="image" src="img/hex.png" alt="Submit" /&gt;
                            &lt;/form&gt;
                        &lt;/td&gt;
                    &lt;/tr&gt;
                  &lt;/tbody&gt;
                &lt;/table&gt;
                &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;

        &lt;div className="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar"&gt;
  &lt;br/&gt;
          &lt;div className="list-group"&gt;
           &lt;ul id="sidenav"&gt;
                &lt;p&gt; &lt;strong&gt; Pod Members  &lt;/strong&gt; &lt;/p&gt;
                &lt;p id="leftNavPadding"&gt; &lt;b&gt; Sort By: &lt;/b&gt; &lt;/p&gt;
                &lt;li&gt;
                    &lt;a className="active" href="#home"&gt;Best match&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#news"&gt;Distance&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#contact"&gt;Skills&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#about"&gt;Name&lt;/a&gt;
                &lt;/li&gt;
                &lt;li&gt;
                    &lt;a href="#about" id="spaceBottom"&gt;Credits&lt;/a&gt;
                &lt;/li&gt;
                &lt;img src="img/search2.png" id="searchbar"/&gt;
                &lt;input id="quick" type="text" placeholder="Quick Search" /&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;

    )}
});
ReactDOM.render(&lt;Content url='/showPods' /&gt;, document.getElementById('content'));</code></pre>
</div>
</div>
</p>