Edinburgh GEL

Generic content

Generic content pages are adaptable and can be used for a range of content including text, images and video.

A generic content page is usually dedicated to one specific item or issue and, therefore, contains more detailed information about the relevant area.

Most pages in your site will use the generic content type. You can use text, and the different page elements, such as tables, quotes, images and videos, to make up your page content.

Features

  • Responsive image support
  • Adaptive layout for mobile
  • Supports colour themes
  • CKEditor support with text formatting options
  • Feature box support for prioritising content
  • Supports contact atoms
  • Supports HTML atoms

Further reading

Generic content type preview

Choose a colour

Update
You are viewing the colour: Red (default), hex-value: #d50032

Choose viewport

      
<body class="html not-front not-logged-in one-sidebar sidebar-first page-node page-node- page-node-833 node-type-generic og-context og-context-node og-context-node-813 mlid-2184" itemscope="" itemtype="http://schema.org/WebPage">
  <div id="skip-link">
    <a href="#main-content" class="sr-only sr-only-focusable">Skip to main content</a>
  </div>
   
        <div class="page-head">
            <div class="container">
                <div class="row">
                    <div class="col-sm-7 col-md-8">
                        <a href="https://www.ed.ac.uk/"><img class="uoe-logo" src="https://www.ed.ac.uk/sites/all/themes/uoe/assets/logo.png" alt="The University of Edinburgh home" /></a>
                    </div>
                    <div class="col-sm-5 col-md-4">
                        <div class="page-head-text">
                            <ul class="list-inline text-right">
                                <li><a href="https://www.ed.ac.uk/schools-departments/">Schools &amp; departments</a></li>
                                <li><a href="https://www.myed.ed.ac.uk/">MyEd</a></li>
                            </ul>
                        </div>
                        <div role="search" class="page-head-search">
                            <form action="//www.ed.ac.uk/search" method="get">
                                <div class="form-group">
                                    <label for="uoe-search" class="sr-only">Search: </label>
                                    <div class="input-group">
                                        <input id="uoe-search" type="text" placeholder="Search" class="form-control form-control-page-head" data-items="4" data-provide="typeahead" name="q">
                                        <span class="input-group-btn">
                                            <button class="btn btn-page-head">
                                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                        <span class="sr-only">Search</span>
                                        </button>
                                        </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>



  <div class="jumbotron home-hero">
              <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">
        <picture><!--[if IE 9]><video style="display: none;"><![endif]--><source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_tv_1x/public/banner/0054344c.jpg?itok=kZBoS2c5&amp;timestamp=1442566890 1x" media="only screen and (min-width: 1200px)"><source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_desktop_1x/public/banner/0054344c.jpg?itok=XtIXdmA4&amp;timestamp=1442566890 1x" media="(min-width: 992px)"><source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_tablet_1x/public/banner/0054344c.jpg?itok=2LTijZFG&amp;timestamp=1442566890 1x" media="(min-width: 768px)"><source srcset="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_mobile_1x/public/banner/0054344c.jpg?itok=5pbE17WY&amp;timestamp=1442566890 1x" media="(min-width: 0px)"><!--[if IE 9]></video><![endif]--><img src="https://www.ed.ac.uk/files/styles/banner_breakpoints_theme_uoe_mobile_1x/public/banner/0054344c.jpg?itok=5pbE17WY&amp;timestamp=1442566890" alt="Demonstrating EdWeb" title=""></picture>              </a>
      
      
      
      
       <div class="page-head-hero">
            <div class="container">
                <div class="page-head-title">
                    <h2 aria-hidden="true">
                        <a href="http://www.ed.ac.uk/website-programme">University Website Programme</a>
                    </h2>
                   
                    <h1 aria-hidden="true">
                        <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">Demonstrating EdWeb</a>
                    </h1>
                </div>
            </div>
        </div>
       
       
       
    </div>
   
<div class="container container-page-content">
    <div class="row">
        <div class="col-sm-3 col-uoe-nav">
            <div class="region region-sidebar-first">
                <section id="block-uoe-menu-uoe-menu-block" class="block block-uoe-menu contextual-links-region clearfix">
                    <h2 class="uoe-nav-trigger" tabindex="0">
  <span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
  <span class="sr-only">Toggle navigation menu</span> Menu</h2>
                    <ul class="uoe-nav">
                        <li class="uoe-published menu-item-2164"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration" class="active-trail">Demonstrating EdWeb home</a>
                            <ul class="menu nav">
                                <li class="uoe-nav-expanded uoe-published menu-item-2177"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types" class="active-trail">Types of page</a>
                                    <ul>
                                        <li class="first leaf uoe-published uoe-not-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/homepage">Homepages</a></li>
                                        <li class="leaf uoe-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/overview-pages">Overview pages</a></li>
                                        <li class="leaf active-trail uoe-published active"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/generic-content" class="active-trail active">Generic content</a></li>
                                        <li class="leaf uoe-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/event-listing">Event listing</a></li>
                                        <li class="collapsed uoe-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/web-forms">Web forms</a></li>
                                        <li class="collapsed uoe-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/proxies">Web application (Proxies)</a></li>
                                        <li class="last leaf uoe-published"><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types/restricted-pages" title="Page restricted to University of Edinburgh logged in users">Restricted pages<span class="glyphicon glyphicon-lock"></span><span class="sr-only"> (secured)</span></a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </section>
            </div>
        </div>
        <div class="col-sm-9">
            <div class="row breadtrail">
                <div class="col-sm-9 col-md-10" itemprop="breadcrumb">
                    <ol class="breadcrumb">
                        <li><a href="https://www.ed.ac.uk/">Home</a></li>
                        <li><a href="https://www.ed.ac.uk/website-programme">Website Programme</a></li>
                        <li><a href="https://www.ed.ac.uk/website-programme/edweb">EdWeb CMS</a></li>
                        <li><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration">EdWeb demonstration site</a></li>
                        <li><a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/page-types">Types of page</a></li>
                        <li class="active">Generic content</li>
                    </ol>
                </div>
                <div class="col-sm-3 col-md-2"> <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/contact-edweb-demo" class="btn btn-uoe btn-block contact-link">Contact us</a> </div>
            </div>
            <a id="main-content" tabindex="-1"></a>
            <h1 itemprop="headline" class="page-header">Generic content</h1>
            <div class="region region-content" itemprop="mainContentOfPage">
                <section id="block-system-main" class="block block-system clearfix">
                    <p class="lead">Generic content pages are adaptable and can be used for a range of content including text, images and video.</p>
                    <h2>What does a generic content page look like?</h2>
                    <p>A generic content page is usually dedicated to one specific item or issue and, therefore, contains more detailed information about the relevant area.</p>
                    <p>Most pages in your site will use the generic content type. You can use text, and the different page elements, such as tables, quotes, images and videos, to make up your page content.</p>
                    <p><a class="uoe-node-link uoe-published" href="https://www.ed.ac.uk/website-programme/edweb/demonstration/elements">Page elements</a></p>
                    <h2>Practical guidance</h2>
                    <p><a class="btn btn-lg btn-uoe" href="https://www.wiki.ed.ac.uk/display/edweb/Create+page+-+about+content+types"><span class="glyphicon glyphicon-info-sign"></span>Adding a generic content page - EdWeb training wiki [EASE login required]</a></p>
                    <h2>Watch video</h2>
                    <p>Watch our showcase video on creating and editing generic content.</p>
                    <p><a class="uoe-node-link uoe-published" href="https://www.ed.ac.uk/website-programme/edweb/demonstration/showcase-videos/managing-overview-pages" title="Managing overview pages">EdWeb Editorial experience - Showcase videos</a></p>
                </section>
               
                <h2>Share</h2>
                 <ul class="social"><li><a class="btn btn-social" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular" role="button" target="_blank" aria-label="Share this content on Facebook."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-facebook" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-facebook" d="M31.3,46V27.8h5.9l0.9-6.9h-6.8v-4.4c0-2,0.6-3.3,3.4-3.3l3.6,0V7.1c-0.6-0.1-2.8-0.3-5.3-0.3c-5.2,0-8.8,3.2-8.8,9.1V21h-5.9v6.9h5.9V46H31.3z"></path></svg></a></li><li><a class="btn btn-social" href="https://twitter.com/share?url=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular&amp;text=Regular%20proxies" role="button" target="_blank" aria-label="Share this content on Twitter."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-twitter" rx="4" ry="4" width="46" height="46"></rect> <path class="social-fg-twitter" d="M40,13c-1.2,0.5-2.5,0.9-3.8,1.1c1.4-0.8,2.4-2.1,2.9-3.7c-1.3,0.8-2.7,1.3-4.3,1.6 c-1.2-1.3-3-2.1-4.9-2.1c-3.7,0-6.7,3-6.7,6.7c0,0.5,0.1,1,0.2,1.5c-5.6-0.3-10.5-2.9-13.8-7c-0.6,1-0.9,2.1-0.9,3.4c0,2.3,1.2,4.4,3,5.6c-1.1,0-2.1-0.3-3-0.8v0.1c0,3.2,2.3,6,5.4,6.6c-0.6,0.2-1.2,0.2-1.8,0.2c-0.4,0-0.9,0-1.3-0.1c0.9,2.7,3.3,4.6,6.3,4.7c-2.3,1.8-5.2,2.9-8.3,2.9c-0.5,0-1.1,0-1.6-0.1c3,1.9,6.5,3,10.3,3c12.3,0,19.1-10.2,19.1-19.1c0-0.3,0-0.6,0-0.9C38,15.5,39.1,14.3,40,13z"></path></svg></a></li><li><a class="btn btn-social" href="http://www.linkedin.com/shareArticle?&amp;mini=true&amp;url=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular&amp;title=Regular%20proxies" role="button" target="_blank" aria-label="Share this content on LinkedIn."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-linkedin" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-linkedin" d="M6.9,17.4h6.9v22.2H6.9V17.4zM10.3,6.4c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4c-2.2,0-4-1.8-4-4C6.3,8.2,8.1,6.4,10.3,6.4"></path><path class="social-fg-linkedin" d="M18.1,17.4h6.6v3h0.1c0.9-1.7,3.2-3.6,6.5-3.6c7,0,8.3,4.6,8.3,10.6v12.2h-6.9V28.8c0-2.6-0.1-5.9-3.6-5.9c-3.6,0-4.1,2.8-4.1,5.7v11h-6.9V17.4z"></path></svg></a></li><li><a class="btn btn-social" href="mailto:?subject=Regular%20proxies&amp;body=https%3A%2F%2Fwww.ed.ac.uk%2Fwebsite-programme%2Fedweb%2Fdemonstration%2Fpage-types%2Fproxies%2Fregular" role="button" aria-label="Email this content."><svg width="46px" height="46px" viewBox="0 0 46 46"><rect class="social-bg-email" rx="4" ry="4" width="46" height="46"></rect><path class="social-fg-email" d="M34.8,11.5H11.2c-2.2,0-3.9,1.8-3.9,3.9v15.7c0,2.2,1.8,3.9,3.9,3.9h23.6c2.2,0,3.9-1.8,3.9-3.9V15.1C38.7,13,37,11.2,34.8,11.2zM11.2,13.2h23.6c1.1,0,2,0.9,2,2v1.1l-13.8,9.2l-13.8-9.2v-1.1C9.2,14.1,10.1,13.2,11.2,13.2zM34.8,32.8H11.2c-1.1,0-2-0.9-2-2V17.4L23,26.5l13.8-9.2v13.5C36.8,31.9,35.9,32.8,34.8,32.8z"></path></svg></a></li></ul>
               
            </div> <small class="article-published">This article was published on <time datetime="2016-11-18" itemprop="dateModified">Nov 18, 2016</time></small> </div>
    </div>
</div>

<footer>
    <div class="footer-affiliations">
        <div class="container">
            <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/is_-_1632.png" width="74" height="100" alt="Part of Informations Services"> </div>
            <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/wa_standard_13_0.jpg" width="164" height="172" alt="Standard of Excellence web award 2013"> </div>
            <div class="footer-affiliation-image"> <img src="https://www.ed.ac.uk/files/footer/connect-awards-logo_0_0.gif" width="290" height="120" alt="Holyrood ICT connect awards - shortlisted"> </div>
        </div>
    </div>
  

    <div class="footer-subsite-content">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <p><a class="uoe-node-link uoe-published" href="https://www.ed.ac.uk/website-programme/about-us/awards" title="Awards">Our awards - find out about the awards the University Website Programme has received</a></p>
                </div>
                <div class="col-sm-6 col-md-4">
                    <p><a href="https://www.wiki.ed.ac.uk/x/TkYzDQ">EdWeb support wiki - Practical guidance for using EdWeb [EASE login needed]</a></p>
                    <p><a href="https://www.wiki.ed.ac.uk/x/vh4oD">Website support wiki - Editorial advice and non-EdWeb guidance [EASE login needed]</a></p>
                </div>
                <div class="col-sm-6 col-md-4"> <a href="https://www.ed.ac.uk/website-programme/edweb/demonstration/contact-edweb-demo" class="btn btn-uoe btn-sm">Contact us <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a> </div>
            </div>
        </div>
    </div>

  

    <div class="footer-discover">
        <div class="container">
            <h3>The University of Edinburgh</h3> </div>
    </div>
 
  <div class="footer">
    <div class="container">
      <div class="row">

        <div class="col-sm-4 col-md-4">
          <ul>
            <li><a href="https://www.ed.ac.uk/about/website/website-terms-conditions">Terms &amp; conditions</a></li>
            <li><a href="https://www.ed.ac.uk/about/website/privacy">Privacy &amp; cookies</a></li>
          </ul>
        </div>

        <div class="col-sm-4">
          <ul>
            <li><a href="https://www.ed.ac.uk/about/website/accessibility">Website accessibility</a></li>
            <li><a href="https://www.ed.ac.uk/about/website/freedom-information">Freedom of information publication scheme</a></li>
          </ul>
        </div>
                  <div class="col-sm-4 col-xs-6">
            <a href="https://www.ed.ac.uk//www.ed.ac.uk/about/mission-governance/affiliations">
              <img class="pull-right img-responsive" alt="University affiliations" src="https://www.ed.ac.uk/sites/all/themes/uoe/assets/footer-affiliations.png">
            </a>
           </div>
       
      </div>
      <div class="row">
        <div class="col-sm-4 col-sm-push-8">
          <a class="btn btn-uoe btn-sm pull-right" href="http://www.myed.ed.ac.uk/"> MyEd login <span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        <div class="col-sm-8 col-sm-pull-4">
          <p>
            The University of Edinburgh is a charitable body, registered in Scotland, with registration number
            SC005336, VAT Registration Number GB&nbsp;592&nbsp;9507&nbsp;00, and is acknowledged by the UK authorities as a
            “<a href="https://www.gov.uk/guidance/recognised-uk-degrees">Recognised body</a>” which has been
            granted degree awarding powers.
          </p>
        </div>
      </div>
    </div>
  </div>

<div class="container container-footer-copyright">
    <div class="copyright">
      <p>Unless explicitly stated otherwise, all material is copyright © The University of Edinburgh 2018.</p>
    </div>
  </div>   

        <div class="container text-right">
      <a rel="nofollow" class="footer-login-link" href="https://www.ed.ac.uk/user/login?destination=node/833"> <abbr class="initialism">CMS</abbr> login <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a>
    </div>


 
  </footer>
 

</body>