Versions Compared

Old Version 5

changes.mady.by.user Tony Carter

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 movide 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><li><a href="#" class="twitter">twitter</a></li>
    </div>
  </div>
  <div class="text">
    <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">
<li><a href="#" class="facebook">facebook</a></li>
                <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="headingmeta">
    <h1>Showtimes</h1>
   </div>
 <img <table titleclass="moviestablealignleft" class="table top">
    <thead>src="images/ico-01.png" alt="image description">
      <tr>
        <th<div class="headings">Ticket Types</th>text-block">
        <th>Adult </th>
   <p>For strong violence, disturbing images, language <th>Activeand Dutybrief nudity.</th>p>
        <th>Child<</th>div>
      </tr>div>
    </thead><div class="text">
    <tbody>
    <p>Formerly 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<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>
      <tr class="even">
        <td><strong class="main-title"><i<h1>Showtimes</h1>
    </div>
    <div class="icon-ico-ticket1"></i>3D Movie</strong></td>holder">
        <td<table title="Adult"><span>$5.00</span></td>
moviestable" class="table top">
         <td  title="Active Duty"><span>$5.00</span></td>
 <thead>
         <td title="Child"><span>$4.00</span></td>
      </tr>
<tr>
          <tr class="">
        <td><strong class="main-title"><i <th class="icon-ico-ticket1"></i>3D Movie Pass</strong></td>
headings">Ticket Types</th>
         <td title="Adult"><span>$25.00</span></td>
        <td title="Active Duty"><span>$25.00</span></td> <th>Adult</th>
        <td title="Child"><span>$20.00</span></td>
      </tr>
    </tbody>
 <th>Active <Duty</table>th>
  <div class="shows">
      <div class="post">
      <time datetime="2014-05-05">Monday - April 27, 2015<<th>Child</time>th>
       <ul class="show-details">
        <li></tr>
          <time datetime="2014-05-05">6:00 PM</time> </thead>
          <div class="text"> <strong class="name"><a href="/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>
 <tbody>
                <tr>
                    <td><strong class="main-title"><i class="icon-ico-ticket1"></i>2D Double Feature</strong></td>
                    <td title="Adult"><span>$5.00</span></td>
            </li>
      </ul>
  <td  </div>title="Active Duty"><span>$5.00</span></td>
    <div class="post">
      <time datetime="2014-05-05">Thursday - April 30, 2015</time>      <td title="Child"><span>$5.00</span></td>
      <ul class="show-details">
          <li></tr>
          <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/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>
        </li>
icon-ico-ticket1"></i>3D Double Feature</strong></td>
                    <td title="Adult"><span>$10.00</span></td>
           <li>
         <td <time datetimetitle="2014-05-05">11:00 PM</time>
Active Duty"><span>$10.00</span></td>
            <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</tr>
 friends before a special midnight sneak preview of Avengers: Age of Ultron in 3D! The sneak<tr>
 preview is adults only. Please note that alcohol will not be served before or during the movie.</p>
   <td><strong class="main-title"><i class="icon-ico-ticket1"></i>Ticket Type    </div>Title</strong></td>
        </li>
      </ul>
    </div>
  <td  <div classtitle="post">Adult"><span>$3.00</span></td>
      <time datetime="2014-05-05">Friday - May 01, 2015</time>
              <ul<td classtitle="show-details">Active Duty"><span>$3.00</span></td>
        <li>
          <time datetime <td title="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><td title="Adult"><span>$6.00</span></td>
        <li>
           <time datetime<td title="2014-05-05">5:50 PM</time>
Active Duty"><span>$6.00</span></td>
           <div class="text"> <strong style="float:none;" class="name">Adults' Night Out</strong>
         <td title="Child"><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>
 </tr>
                <tr>
                    <td><strong class="main-title"><i class="icon-ico-ticket1"></i>3D-2D Double Feature</strong></td>
                     </div><td title="Adult"><span>$8.00</span></td>
        </li>
        <li>
          <time datetime="2014-05-05">6:00 PM</time>
<td title="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<td styletitle="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>Child"><span>$8.00</span></td>
                </tr>
            </tbody>
        </li>table>
        <li><div class="shows">
          <time  <div datetimeclass="2014-05-05">10:00 PM</time>
post">
             <div class="text"> <strong class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/b79e355b-dce2-4ddf-9a91-b993149dfc6c">Woman in Gold </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 <time datetime="2014-05-05">Monday - April 14, 2014</time>
                <ul class="show-timedetails">110>
 min</span> </div>
        </li>          <li>
      </ul>
       </div>
    <div class="post">
      <time datetime="20142015-05-0518">Saturday - May 02, 2015<>5:50 PM</time>
      <ul class="show-details">
        <li>
         <div <time datetimeclass="2014-05-05">7:00 PM</time>
text">
                          <div class="text"> <strong class="name"><a href="/programs/53ae3a1b-0cdf-4cb8-a41a-deb1078b4b4c/movie/7fa1d6ae-84cd-498f-b12f-8bfefb225ad8">Avengers: Age of Ultron<#">Muppets Most Wanted</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 10px 0 0;" class="ratingfrost"><img class="reg" alt="pg13image" src="/assets/movies/images/rating/ico-pg13glyph_navyfirst.png"></span>
                            <span style="padding:0;" class="rating"><img class="show-time">141 min</span> </div>reg" alt="pg" src="images/ico-02.png" height="16" width="30"></span>
                            <span class="show-time">113 min</span>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">8:00 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Last Showing**</a></strong>
                        </div>
                    </li>
                    <li>
                        <time datetime="2015-05-18">5:50 PM</time>
                        <div class="text">
                            <strong class="name"><a href="#">Son of God</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">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>
        </li>
        </ul>
    </div>
    <div class="posttext">
      <time datetime="2014-05-05">Sunday - May 03, 2015</time>
                      <strong class="name"><a href="#">Mr. Peabody and Sherman</a></strong>
             <ul class="show-details">
        <li>
      <span style="padding:0 10px  <time datetime="2014-05-05">3:00 PM</time>0 0;" class="frost"><img alt="image" src="/assets/movies/images/glyph_navyfirst.png"></span>
          <div class="text"> <strong style="float:none;" class="name">Plain White T's Concert (Free, All Hands)</strong>
        <span    <p style="margin-toppadding:10px0;">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> 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>
      </ul>div>
    </div>
    <div class="post">
      <time datetime="2014-05-05">Monday - May 04, 2015<</time>li>
           <ul class="show-details">
        <li>
          <time datetime="2014-05-05">6:00 PM</time>
          <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> <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>