The Shawshank Redemption

The Shawshank Redemption The Shawshank Redemption is a 1994 American drama film written and directed by Frank Darabont and starring Tim Robbins and Morgan Freeman. Adapted from the Stephen King novella Rita Hayworth and Shawshank Redemption, the film tells the story of Andy Dufresne, a banker who spends nearly two decades in Shawshank State Prison for the murder of his wife and her lover despite his claims of innocence. During his time at the prison, he befriends a fellow inmate, Ellis "Red" Redding, and finds himself protected by the guards after the warden begins using him in his money laundering operation. Despite a lukewarm box office reception that was barely enough to cover its budget, the film received favorable reviews from critics, multiple award nominations, and has since enjoyed a remarkable life on cable television, VHS, DVD, and Blu-ray. It was included in the American Film Institute's 100 Years…100 Movies 10th Anniversary Edition.

The Godfather

The Godfather The Godfather is a 1972 American epic crime film directed by Francis Ford Coppola, based on the 1969 novel by Mario Puzo. With a screenplay by Puzo, Coppola and an uncredited Robert Towne, the film stars Marlon Brando, Al Pacino, James Caan, Robert Duvall, Sterling Hayden, John Marley, Richard Conte and Diane Keaton, and features John Cazale, Talia Shire, and Abe Vigoda. The story, spanning the years 1945 to 1955, chronicles the experiences of the Italian American Corleone family. Two sequels followed: The Godfather Part II in 1974, and The Godfather Part III in 1990. The Godfather received Academy Awards for Best Picture, Best Actor and Best Adapted Screenplay, and has been selected for preservation in the United States National Film Registry. In addition, it had been ranked third—behind Citizen Kane (1941) and Casablanca (1942)—on the AFI's 100 Years…100 Movies list by the American Film Institute, and second when the list was published again in 2007.

12 Angry Men

12 Angry Men 12 Angry Men is a 1957 American drama film adapted from a teleplay of the same name by Reginald Rose. Directed by Sidney Lumet, the film tells the story of a jury made up of 12 men as they deliberate the guilt or acquittal of a defendant on the basis of reasonable doubt. In the United States (both then and now), the verdict in most criminal trials by jury must be unanimous one way or the other. The film is notable for its almost exclusive use of one set: with the exception of the film's opening, which begins outside on the steps of the courthouse and ends with the jury's final instructions before retiring, a brief final scene on the courthouse steps and two short scenes in an adjoining washroom, the entire movie takes place in the jury room. The total time spent outside of the jury room is three minutes out of the full 96 minutes of the movie.


Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover.
   1:  <%@ Page Language="C#" AutoEventWireup="true" Title="AtomicAccordion -- Default functionality" CodeBehind="Accordion.aspx.cs" Inherits="Atom.Website.Samples.AspNet.Accordion" %>
   2:   
   3:  <%@ Register Assembly="Atom.Web" Namespace="Atom.Web.UI.WebControls" TagPrefix="atom" %>
   4:  <%@ Register Src="../Source.ascx" TagName="Source" TagPrefix="sample" %>
   5:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   6:  <html xmlns="http://www.w3.org/1999/xhtml">
   7:  <head id="Header1" runat="server">
   8:      <link rel="Shortcut Icon" type="image/ico" href="../images/icon.png" /> 
   9:      <!-- The jQuery UI theme that will be used by the components. -->
  10:      <link href="../themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
  11:      <!-- jQuery runtime minified -->
  12:      <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
  13:      <!-- jQuery UI runtime minified, client-side javascript of the components.-->
  14:      <script src="../Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  15:      <!-- This style reference is needed only for the current example. -->
  16:      <link href="../css/example.css" rel="stylesheet" type="text/css" />
  17:  </head>
  18:  <body>
  19:      <form id="form1" runat="server">
  20:      <div style="height: 315px">
  21:          <atom:AtomicAccordion ID="AtomicAccordion1" runat="server" AllowFillSpace="true">
  22:              <Items>
  23:                  <atom:AccordionItem Header="The Shawshank Redemption">
  24:                      <Template>
  25:                          <img src="../images/movies/the_shawshank_redemption.jpg" alt="The Shawshank Redemption"
  26:                              title="The Shawshank Redemption" class="left-side-image" /><span> The Shawshank Redemption
  27:                                  is a 1994 American drama film written and directed by Frank Darabont and starring
  28:                                  Tim Robbins and Morgan Freeman. Adapted from the Stephen King novella Rita Hayworth
  29:                                  and Shawshank Redemption, the film tells the story of Andy Dufresne, a banker who
  30:                                  spends nearly two decades in Shawshank State Prison for the murder of his wife and
  31:                                  her lover despite his claims of innocence. During his time at the prison, he befriends
  32:                                  a fellow inmate, Ellis "Red" Redding, and finds himself protected by the guards
  33:                                  after the warden begins using him in his money laundering operation. Despite a lukewarm
  34:                                  box office reception that was barely enough to cover its budget, the film received
  35:                                  favorable reviews from critics, multiple award nominations, and has since enjoyed
  36:                                  a remarkable life on cable television, VHS, DVD, and Blu-ray. It was included in
  37:                                  the American Film Institute's 100 Years…100 Movies 10th Anniversary Edition.
  38:                          </span>
  39:                      </Template>
  40:                  </atom:AccordionItem>
  41:                  <atom:AccordionItem Header="The Godfather">
  42:                      <Template>
  43:                          <img src="../images/movies/the_godfather.jpg" class="right-side-image" alt="The Godfather"
  44:                              title="The Godfather" /><span> The Godfather is a 1972 American epic crime film directed
  45:                                  by Francis Ford Coppola, based on the 1969 novel by Mario Puzo. With a screenplay
  46:                                  by Puzo, Coppola and an uncredited Robert Towne, the film stars Marlon Brando, Al
  47:                                  Pacino, James Caan, Robert Duvall, Sterling Hayden, John Marley, Richard Conte and
  48:                                  Diane Keaton, and features John Cazale, Talia Shire, and Abe Vigoda. The story,
  49:                                  spanning the years 1945 to 1955, chronicles the experiences of the Italian American
  50:                                  Corleone family. Two sequels followed: The Godfather Part II in 1974, and The Godfather
  51:                                  Part III in 1990. The Godfather received Academy Awards for Best Picture, Best Actor
  52:                                  and Best Adapted Screenplay, and has been selected for preservation in the United
  53:                                  States National Film Registry. In addition, it had been ranked third—behind Citizen
  54:                                  Kane (1941) and Casablanca (1942)—on the AFI's 100 Years…100 Movies list by the
  55:                                  American Film Institute, and second when the list was published again in 2007.
  56:                          </span>
  57:                      </Template>
  58:                  </atom:AccordionItem>
  59:                  <atom:AccordionItem Header="12 Angry Men">
  60:                      <Template>
  61:                          <img src="../images/movies/12_angry_men.jpg" class="left-side-image" alt="12 Angry Men"
  62:                              title="12 Angry Men" /><span> 12 Angry Men is a 1957 American drama film adapted from
  63:                                  a teleplay of the same name by Reginald Rose. Directed by Sidney Lumet, the film
  64:                                  tells the story of a jury made up of 12 men as they deliberate the guilt or acquittal
  65:                                  of a defendant on the basis of reasonable doubt. In the United States (both then
  66:                                  and now), the verdict in most criminal trials by jury must be unanimous one way
  67:                                  or the other. The film is notable for its almost exclusive use of one set: with
  68:                                  the exception of the film's opening, which begins outside on the steps of the courthouse
  69:                                  and ends with the jury's final instructions before retiring, a brief final scene
  70:                                  on the courthouse steps and two short scenes in an adjoining washroom, the entire
  71:                                  movie takes place in the jury room. The total time spent outside of the jury room
  72:                                  is three minutes out of the full 96 minutes of the movie. </span>
  73:                      </Template>
  74:                  </atom:AccordionItem>
  75:              </Items>
  76:          </atom:AtomicAccordion>
  77:      </div>
  78:      <br />
  79:      <sample:Source ID="Code" runat="server" />
  80:      </form>
  81:  </body>
  82:  </html>
   1:  using System;
   2:  using System.Collections.Generic;
   3:  using System.Linq;
   4:  using System.Web;
   5:  using System.Web.UI;
   6:  using System.Web.UI.WebControls;
   7:   
   8:  namespace Atom.Website.Samples.AspNet
   9:  {
  10:      public partial class Accordion : System.Web.UI.Page
  11:      {
  12:          protected void Page_Load(object sender, EventArgs e)
  13:          {
  14:   
  15:          }
  16:      }
  17:  }
   1:  Imports System
   2:  Imports System.Collections.Generic
   3:  Imports System.Linq
   4:  Imports System.Web
   5:  Imports System.Web.UI
   6:  Imports System.Web.UI.WebControls
   7:  Namespace Atom.Website.Samples.AspNet
   8:      Public Partial Class Accordion
   9:          Inherits System.Web.UI.Page
  10:          Protected Sub Page_Load(sender As Object, e As EventArgs)
  11:          End Sub
  12:      End Class
  13:  End Namespace