text: import React, { Component } from 'react';
  
  class Hanging extends Component {
      render() {
          return (
              <div>
          <section className="hanging">
               <div className="container hanging-content">
                  <span className="read">
                      Read More
                  </span>
                  <div className="hang-image">
                      <img className="hng1" src="statics/image/hang-grp.png"/>
                      <div className="hang-text-1">
                          <p className="you"><img src="statics/image/l6.png"/></p>
                          <p className="game">Game Story</p>
                          <p className="you2"><img src="statics/image/line.png"/></p>
                          <p className="texxt">
                              An ancient legend told about a battle among races on the Planet in thousands years ago. On that day, the battle caused the separation and division of continents where all races live. The continents were separated and aparted by a seal. The moment when the 8 planets lined up was the seal became the weakest. A mysterious nature took advantage to break the seal, causing 8 continents to be united and joined together. Now, all clans on the 8 continents realize that they are not the only race on the Planet. Then, what will happen?
                          </p>
                      </div>
                  </div> 
                  <div className="vid">                   
                      <iframe className="youtube" src="statics/tgbNymZ7vqY.html">
                      </iframe>                    
                  </div>
              </div>
          </section>
                  
              </div>
          );
      }
  }
  
  export default Hanging;