Versions Compared

Old Version 9

changes.mady.by.user Joe Rios

Saved on

compared with

New Version Current

changes.mady.by.user Joe Rios

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Desktop:

Image RemovedImage Added

 

Mobile:

Image RemovedImage Added

 

 

Left side of movie detail:

Code Block
<div class="post">
 <img width="170" height="253" src="http://api.navymwr.org/nmps/v2/image/F4BBCF26092966F326247665E9F25EBC437B7B03.jpg" <div class="alignleftheading">
        <h1>Movie Title Here</h1>
        <div class="metasocial-panel">
 <img class="alignleft" alt="pg13" src="/assets/movies/images/rating/ico-pg13.png">
          <div<ul class="textsocial-blocknetworks">
      <p>For intense sequences of sci-fi action, violence and destruction, and for some suggestive comments.</p>
    </div>
  </div>
  <div<li><a href="#" class="twitter">twitter</a></li>
                <li><a href="#" class="text">facebook">facebook</a></li>
    <p> The epic follow-up to the biggest Super Hero movie of all time. When Tony Stark tries to jumpstart a dormant peacekeeping program, things go awry and Earth's Mightiest Heroes, including Iron Man, Captain America, Thor, The Incredible Hulk, Black Widow and Hawkeye, are put to the ultimate test as the fate of the planet hangs in the balance. As the villainous Ultron emerges, it is up to the Avengers to stop him from enacting his terrible plans, and soon uneasy alliances and unexpected action pave the way for an epic and unique global adventure. </p>
  </div>
</div>

...

Code Block
<div class="showtimes">
  <div class="heading<li><a href="#" class="google-plus">google-plus</a></li>
                <li><a href="#" class="linkedin">linkedin</a></li>
                <li><a href="#" class="mail">mail</a></li>
            </ul>
        </div>
    </div>
    <img class="alignleft" src="images/img-11.jpg" height="253" width="170" alt="image description">
    <div class="meta">
        <img  class="alignleft" src="images/ico-01.png" alt="image description">
    <h1>Showtimes</h1>
  </div>
  <table title="moviestable" <div class="table toptext-block">
    <thead>
      <tr>
  <p>For strong violence, disturbing images, language <th class="headings">Ticket Types</th>and brief nudity.</p>
        <th>Adult </th>div>
        <th>Active Duty </th>div>
    <div class="text">
   <th>Child</th>
     <p>Formerly </tr>
a detective with the NYPD, now a recovering alcoholic haunted by regrets, Matt Scudder has a lot to make up for. When a series of kidnappings targeting the city's worst drug criminals escalates to grisly murder, the circuit's ruthless leader convinces Scudder to find the culprits and bring them to bloody justice. Working as an unlicensed private detective, Matt sees what the police don't see and treads where they most fear to. Operating just outside the law to track down the monsters responsible, Scudder stops just short of becoming one himself.</p>
    </div>
</div>



Showtime Block:

Code Block
<div class="showtimes">
    <div class="heading"> </thead>
    <tbody>
      <tr class="even">
        <td><strong class="main-title"><i class="icon-ico-ticket1"></i>2D Movie</strong></td>
        <td title="Adult"><span>$3.00</span></td>
        <td title="Active Duty"><span>$3.00</span></td>
        <td title="Child"><span>$2.00</span></td>
      </tr>
      <tr class="">
        <td><strong class="main-title"><i class="icon-ico-ticket1"></i>2D Movie Pass</strong></td>
        <td title="Adult"><span>$15.00</span></td>
        <td title="Active Duty"><span>$15.00</span></td>
        <td title="Child"><span>$10.00</span></td>
      </tr><h1>Showtimes</h1>
    </div>
    <div  <tr class="evenholder">
        <td><strong<table classtitle="main-titlemoviestable"><i class="icon-ico-ticket1"></i>3D Movie</strong></td>
table top">
           <td title="Adult"><span>$5.00</span></td> <thead>
        <td  title="Active Duty"><span>$5.00</span></td>      <tr>
        <td title="Child"><span>$4.00</span></td>
      </tr>
      <tr<th class="headings">>Ticket Types</th>
        <td><strong class="main-title"><i class="icon-ico-ticket1"></i>3D Movie Pass</strong></td>
        <td title="Adult"><span>$25.00</span></td> <th>Adult</th>
        <td title="Active Duty"><span>$25.00</span></td>
            <td title="Child"><span>$20.00</span></td><th>Active Duty</th>
      </tr>
    </tbody>
  </table>
  <div class="shows">
    <div class="post"> <th>Child</th>
      <time datetime="2014-05-05">Monday - April 27, 2015</time>
          </tr>
       <ul class="show-details">
     </thead>
           <li> <tbody>
          <time datetime="2014-05-05">6:00 PM</time>
      <tr>
       <div class="text"> <strong            <td><strong class="namemain-title"><a><i hrefclass="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/4c157016-1b26-4e98-9647-71e274815cf2">Paul Blart: Mall Cop 2</a></strong> <span style="padding:0 10px 0 0;" class="frost"><img alt="Showing Prime Movies FIRST Overseas" title="Showing Prime Movies FIRST Overseas" src="/assets/movies/images/glyph_navyfirst.png"></span> <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="/assets/movies/images/rating/ico-pg.png"></span> <span class="show-time">94 min</span> </div>
icon-ico-ticket1"></i>2D Double Feature</strong></td>
                    <td title="Adult"><span>$5.00</span></td>
                    <td  </li>title="Active Duty"><span>$5.00</span></td>
      </ul>
    </div>
    <div class="post">
     <td <time datetimetitle="2014-05-05">Thursday - April 30, 2015</time>Child"><span>$5.00</span></td>
                </tr>
      <ul class="show-details">
          <li><tr>
          <time datetime="2014-05-05">6:00 PM</time>
         <td><strong <div class="text"> <strongmain-title"><i class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/aec08258-d72c-4ca5-9c67-2cfe1310960b">The Gunman </a></strong> <span style="padding:0 10px 0 0;" class="frost"></span> <span style="padding:0;" class="rating"><img class="reg" alt="r" src="/assets/movies/images/rating/ico-r.png"></span> <span class="show-time">115 min</span> </div>icon-ico-ticket1"></i>3D Double Feature</strong></td>
                    <td title="Adult"><span>$10.00</span></td>
        </li>
         <li>
   <td title="Active Duty"><span>$10.00</span></td>
     <time datetime="2014-05-05">11:00 PM</time>
          <div class="text"> <strong style="float:none;" class="name">Social Time</strong>
 <td title="Child"><span>$10.00</span></td>
              <p style="margin-top:10px;">Enjoy social time with friends before a special midnight sneak preview of Avengers: Age of Ultron in 3D! The sneak preview is adults only. Please note that alcohol will not be served before or during the movie.</p>
          </div>  </tr>
                <tr>
                    <td><strong class="main-title"><i class="icon-ico-ticket1"></i>Ticket Type Title</strong></td>
        </li>
      </ul>
    </div>
    <div<td classtitle="post">Adult"><span>$3.00</span></td>
      <time datetime="2014-05-05">Friday - May 01, 2015</time>
      <ul class="show-details">
  <td title="Active Duty"><span>$3.00</span></td>
    <li>
                <time<td datetimetitle="2014-05-05">12:00 AM</time>
Child"><span>$3.00</span></td>
            <div class="text"> <strong class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/7fa1d6ae-84cd-498f-b12f-8bfefb225ad8">Avengers: Age of Ultron (3D - FROST)</a></strong> <span style="padding:0 10px 0 0;" class="frost"></span> <span style="padding:0;" class="rating"><img class="reg" alt="pg13" src="/assets/movies/images/rating/ico-pg13.png"></span> <span class="show-time">141 min</span> </div> </tr>
                <tr>
                    <td><strong class="main-title"><i class="icon-ico-ticket1"></i>3D Movie</strong></td>
        </li>
        <li>
      <td title="Adult"><span>$6.00</span></td>
    <time datetime="2014-05-05">5:50 PM</time>
              <div class="text"> <strong style="float:none;" class="name">Adults' Night Out</strong>
 <td title="Active Duty"><span>$6.00</span></td>
                <p style="margin-top:10px;">Adults' Night Out allows you to purchase tickets for the seats of your choice at the movie theater. Food and adult beverages will be available for purchase. Stop by the Corner Pocket to choose your seats today! Reserved seat tickets are $7, and non-reserved seat tickets are $5. Movie passes will be accepted for non-reserved seats.</p>    <td title="Child"><span>$6.00</span></td>
                </tr>
                <tr>
                    <td><strong class="main-title"><i class="icon-ico-ticket1"></i>3D-2D Double Feature</strong></td>
          </div>
           </li><td title="Adult"><span>$8.00</span></td>
        <li>
          <time datetime <td title="2014-05-05">6:00 PM</time>Active Duty"><span>$8.00</span></td>
          <div class="text"> <strong class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/7fa1d6ae-84cd-498f-b12f-8bfefb225ad8">Avengers: Age of Ultron</a></strong> <span style="padding:0 10px 0 0;" class="frost"><img alt="Showing Prime Movies FIRST Overseas" title="Showing Prime Movies FIRST Overseas" src="/assets/movies/images/glyph_navyfirst.png"></span> <span style="padding:0;" class="rating"><img class="reg" alt="pg13" src="/assets/movies/images/rating/ico-pg13.png"></span> <span class="show-time">141 min</span> </div>
          <td title="Child"><span>$8.00</span></td>
                </tr>
            </tbody>
        </table>
        <div class="shows">
            <div class="post">
                <time datetime="2014-05-05">Monday - April 14, 2014</time>
                <ul class="show-details">
            </li>
        <li>
          <time datetime="2014              <time datetime="2015-05-0518">10>5:0050 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Muppets Most Wanted</programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/b79e355b-dce2-4ddf-9a91-b993149dfc6c">Woman in Gold </a></strong>a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"></span> <span style="padding:0;" class="rating"><img class="reg" alt="pg13" src="/assets/movies/images/rating/ico-pg13><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span> <span class="show-time">110 min</span> </div>
        </li>
      </ul>
    </div>
    <div class="post">
      <time<span datetime="2014-05-05">Saturday - May 02, 2015</time>style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
      <ul class="show-details">
            <li>
          <time<span datetimeclass="2014show-05-05">7:00 PM</time>time">113 min</span>
          <div class="text"> <strong class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/7fa1d6ae-84cd-498f-b12f-8bfefb225ad8">Avengers: Age of Ultron</a></strong> <span style="padding:0 10px 0 0;" class="frost"><img alt="Showing Prime Movies FIRST Overseas" title="Showing Prime Movies FIRST Overseas" src="/assets/movies/images/glyph_navyfirst.png"></span> <span style="padding:0;" class="rating"><img class="reg" alt="pg13" src="/assets/movies/images/rating/ico-pg13.png"></span> <span class="show-time">141 min</span> </div>
              </div>
                    </li>
                    </li><li>
      </ul>
       </div>
    <div class="post">
      <time datetime="20142015-05-05">Sunday - May 03, 2015</time>
18">8:00 PM</time>
                        <ul<div class="show-detailstext">
        <li>
          <time datetime="2014-05-05">3:00 PM</time>
         <strong <div class="textname">><a <strong stylehref="float:none;#" class="name">Plain White T's Concert (Free, All Hands)</strong>
>Last Showing**</a></strong>
                  <p style="margin-top:10px;">See the Plain White T's in concert for free! Doors open at 2 p.m. The show kicks off with music from Tweezer, a Weezer tribute band, from 3-3:30, and the Plain White T's take the stage for a 90-minute set at 4:15. </p> </div>
                    </li>
                    <li>
          </div>
         </li>
      </ul><time datetime="2015-05-18">5:50 PM</time>
    </div>
     <div class="post">
      <time datetime="2014-05-05">Monday - May 04, 2015</time>
      <ul<div class="show-detailstext">
        <li>
          <time datetime="2014-05-05">6:00 PM</time>
          <div class="text"> <strong class="name"><a href="#">Son of God</programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/7fa1d6ae-84cd-498f-b12f-8bfefb225ad8">Avengers: Age of Ultron</a></strong>a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="Showing Prime Movies FIRST Overseasimage" title="Showing Prime Movies FIRST Overseas" src="/assets/movies/src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg13pg" src="/assets/movies/images/rating/ico-pg1302.png" height="16" width="30"></span>
 <span class="show-time">141 min</span> </div>                           <span class="show-time">94 min</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="post">
                <time datetime="2014-05-05">Tuesday - April 15, 2014</time>
                <ul class="show-details">
                    <li>
                        <time datetime="2015-05-18">5:50 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Need for Speed</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">124 min</span>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">8:10 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">300: Rise of an Empire</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">102 min</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="post">
                <time datetime="2014-05-05">Wednesday - April 16, 2014</time>
                <ul class="show-details">
                    <li>
                        <time datetime="2015-05-18">5:50 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Tyler Perry's: Single Mom's Club</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">124 min</span>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">8:10 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Need for Speed</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">102 min</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="post">
                <time datetime="2014-05-05">Thursday - April 17, 2014</time>
                <ul class="show-details">
                    <li>
                        <time datetime="2015-05-18">5:50 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Muppets Most Wanted</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">124 min</span>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">8:10 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">3 Days to Kill</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">102 min</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="post">
                <time datetime="2014-05-05">Friday - April 18, 2014</time>
                <ul class="show-details">
                    <li>
                        <time datetime="2015-05-18">5:50 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Mr. Peabody and Sherman</a></strong>
                            <span style="padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">124 min</span>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">8:10 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Divergent</a></strong>
        </li>
      </ul>
    </div>
    <div class="post">
      <time<span datetimestyle="2014-05-05">Thursday - May 07, 2015</time>
      <ul class="show-details">padding:0 10px 0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
        <li>
          <time datetime="2014-05-05">7:00 PM</time>
        <span  <divstyle="padding:0;" class="rating"><img class="text"> <strong style="float:none;" class="name">Sailors' Choice Movie (Adults Only)</strong>
reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                   <p style="margin-top:10px;">Single Sailors, check out the Liberty Facebook page to vote for the movie you'd like to see! Tickets and a mini snack combo are available for free to all who sign up at the Corner Pocket Cash Cage. Free dinner will be available at 6 p.m. at the Liberty Center before the movie as well.</p><span class="show-time">102 min</span>
                        </div>
                    </li>
                </div>ul>
            </li>div>
      </ul>
    </div>
    </div>
</div>