Warning: include(1.x/nav-section.php): failed to open stream: No such file or directory in /ip/iucommsg/wwws/_php/nav-section.php on line 2

Warning: include(): Failed opening '1.x/nav-section.php' for inclusion (include_path='.:/ip/iucommsg/wwws:/ip/pagriet/lib:/ip/iucommsg/wwws/_includes:/ip/iucommsg/wwws/_shared-sections:/ip/iucommsg/wwws/_php') in /ip/iucommsg/wwws/_php/nav-section.php on line 2

News Detail

Share your latest news

News pages allow you to provide the whole news story on the page. Our style for news stories includes a title, byline, date, summary, and body text. You also can include photos with captions.

News Title: It's Amazing

By: Firstname Lastname

December 5th, 2012

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra sodales nulla, eu consequat quam fringilla sed. Suspendisse potenti. Nam ac condimentum mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla adipiscing, tortor rutrum adipiscing molestie, mauris purus ullamcorper felis, non tincidunt est lorem a est. Nullam blandit tincidunt pellentesque.

Nullam luctus ligula nunc, non gravida sapien volutpat id. Vivamus malesuada mollis lacinia. Nam aliquet, dui vitae varius aliquam, quam lorem tincidunt leo, et pellentesque odio quam non tellus. Fusce congue interdum dui sed hendrerit. Mauris dui risus, sollicitudin id ipsum a, tincidunt sodales nulla. Nam quis mi at dolor suscipit pretium vitae eu sem. Proin venenatis augue eget lacus commodo, quis hendrerit velit pretium. Cras sit amet magna vitae mauris pellentesque aliquet adipiscing et arcu.

Show/hide markup
<div class="full-width news detail">

    <!-- START: Include from page meta -->
    <div class="detail-meta">
        <h2 class="no-margin">News Title: It's Amazing</h2>
        <p class="meta"><strong>By:</strong> Firstname Lastname</p>
        <p class="meta">December 5th, 2012</p>

    </div><!-- /.detail-meta -->

    <div class="one-third float-right">
        <figure class="media">
           <img src="https://placehold.it/380x380" alt="Counselor Photo" />
           <figcaption>Person name and/or caption</figcaption>
        </figure>
    </div>
    <!-- END: Include from page meta -->

    <!-- Default chunk type: text -->
    <div class="text">
        <!-- Page content goes here -->
    </div>

</div><!-- /.news.detail -->

News feeds

News feeds appear as sections, and each item in the feed links to the full story. We have two options for news feeds: you can use an automatic feed from the IU Newsroom, or you can create a manual news feed. You may also choose from two styles:

News feed example 1

  • News Photo

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, rerum, omnis.

    July 15, 20114

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint repellat qui vitae veniam quidem repudiandae placeat iure tenetur eaque excepturi explicabo odit, aspernatur. Alias aliquid dolores adipisci iure libero error harum voluptate, nulla dignissimos iste, placeat aperiam nobis, nostrum! Facere corporis esse delectus tempore, ut ad architecto praesentium ex? Beatae at in quam cum ad! Est, iusto voluptatibus. Rerum, impedit.

  • Earum rerum provident eaque nihil animi, omnis voluptatem eius perferendis enim.

    July 15, 20114

    Vero error odio minima expedita odit natus doloremque iusto quidem officia distinctio, nobis, doloribus, quae voluptatibus adipisci id voluptatem! Sequi minus libero aliquam ex dolores culpa consequatur asperiores tenetur sit? Nulla aut atque, accusamus adipisci soluta vel perferendis, facilis quaerat porro, nihil fugit numquam. Itaque, optio, eveniet. Fugiat similique, modi maxime praesentium ex. Aspernatur et, eius dolore, asperiores rem facere.

Show/hide markup
<ul class="feed">
    <li class="feed-item news">
        <figure class="media image">
            <img src="https://placehold.it/152x152" alt="News Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, rerum, omnis.</a></h2>
            <p class="meta date">July 15, 20114</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint repellat qui vitae veniam quidem repudiandae placeat iure tenetur eaque excepturi explicabo odit, aspernatur. Alias aliquid dolores adipisci iure libero error harum voluptate, nulla dignissimos iste, placeat aperiam nobis, nostrum! Facere corporis esse delectus tempore, ut ad architecto praesentium ex? Beatae at in quam cum ad! Est, iusto voluptatibus. Rerum, impedit.</p>
        </div>
    
    </li>

    <li class="feed-item news">
    
        <div class="content">
            <h2 class="title"><a href="#">Earum rerum provident eaque nihil animi, omnis voluptatem eius perferendis enim.</a></h2>
            <p class="meta date">July 15, 20114</p>
            <p>Vero error odio minima expedita odit natus doloremque iusto quidem officia distinctio, nobis, doloribus, quae voluptatibus adipisci id voluptatem! Sequi minus libero aliquam ex dolores culpa consequatur asperiores tenetur sit? Nulla aut atque, accusamus adipisci soluta vel perferendis, facilis quaerat porro, nihil fugit numquam. Itaque, optio, eveniet. Fugiat similique, modi maxime praesentium ex. Aspernatur et, eius dolore, asperiores rem facere.</p>
        </div>
    
    </li>
</ul>

News feed example 2

Show/hide markup
<ul class="feed">
    <li class="feed-item feed-item--small news">
        <figure class="media">
            <img src="https://placehold.it/152x152" alt="News Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, rerum, omnis.</a></h2>
        </div>
    </li>
    

    <li class="feed-item feed-item--small news">
    
        <div class="content">
            <h2 class="title"><a href="#">Earum rerum provident eaque nihil animi, omnis voluptatem eius perferendis enim.</a></h2>
        </div>
    </li>
    

    <li class="feed-item feed-item--small news">
        <figure class="media">
            <img src="https://placehold.it/152x152" alt="News Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Odio unde mollitia ipsum adipisci, aliquid excepturi modi sed suscipit fuga!</a></h2>
        </div>
    </li>
    

    <li class="feed-item feed-item--small news">
        <figure class="media">
            <img src="https://placehold.it/152x152" alt="News Photo" />
        </figure>
    
        <div class="content">
            <h2 class="title"><a href="#">Assumenda maxime asperiores possimus dolores eos quos dignissimos, dolor aperiam quo!</a></h2>
        </div>
    </li>
    
</ul>