Sähkön- ja lämmöntuotannossa täysin uusiutuvalla energialla toimivaan järjestelmään siirrytään vuoteen 2035 mennessä. Päätös ei koske ydinvoimaloita, joista periaatepäätös on jo tehty. Laaditaan energiastrategia, jossa muutokseen tarvittava polku linjataan. Käynnistetään toimenpideohjelma, jolla kivihiilestä sähkön- ja lämmöntuotannossa luovutaan 2025 mennessä. Energiaremontissa korostuvat energiatehokkuuden parantaminen, uusiutuvan energian tuotanto, kestävyys sekä älykkäiden järjestelmien käyttöönotto sekä cleantech-viennin kasvu.
Perusteet:
Energiamarkkinat Euroopassa ja maailmalla ovat rajujen muutosten edessä. Tämä haastaa vanhat toimijat, kuten Suomessakin on viime vuosina nähty ja toisaalta avaa suuria mahdollisuuksia uusien ratkaisujen tuottajille.
IEA ennakoi energiamurroksen luovan maailmanlaajuisesti 35 000 miljardin euron kumulatiivisen markkinan seuraavan 20 vuoden aikana. Tämä tarkoittaa valtavaa kysyntää erityisesti uusiutuvan energiantuotannon, energiatehokkuuden ja älykkäiden järjestelmien ratkaisuille. Komissio on arvoinut, että vihreään talouteen voitaisiin luoda Euroopassa jopa 20 miljoonaa työpaikkaa vuoteen 2020 mennessä.
Menestyäkseen yritykset tarvitsevat toimivat kotimarkkinat. Uudet työpaikat syntyvätkin sinne, missä uuden energian ratkaisuja hyödynnetään. Suomen nykyinen energiapolitiikka on johtanut siihen, että kansainvälisessä uusiutuvan energian investointiympäristöjen vertailussa sijoitumme heikosti, mistä johtuen investoinnit ja työpaikat Suomeen jäävät syntymättä.
Toimintaympäristön muutokseen voidaan vastata kirkastamalla energiapolitiikan tavoite ja käynnistämällä energiaremontti. Toteutuessaan energiaremontti parantaisi vaihtotasetta miljardeilla sekä lisäisi nopeasti taloudellista toimeliaisuutta ja työpaikkoja. Toteutuessaan energiaremontti parantaisi myös merkittävästi suomalaisten energiateknologiayritysten kilpailukykyä nopeasti kasvavilla globaaleilla markkinoilla. Myönteisten talousvaikutusten lisäksi energiaremontti nostaisi Suomen kärkijoukkoihin ilmastonmuutoksen vastaisessa taistelussa, minimoisi uusiutumattoman energian ympäristöhaitat ja riskit sekä rakentaisi vahvaa Suomi-brändiä.
Energia- ja teknologiamarkkinoilla toimiville yrityksille politiikan pitkäjänteisyys on tärkeää. Pitkäjänteisyys syntyy ainoastaan katsomalla tulevaisuuteen. Ainoa kansainvälisesti uskottava pitkän aikavälin tavoitetila modernille energiajärjestelmälle on suuntautuminen täysin uusiutuvaan energiaan. Asettamalla selvät määräajat järjestelmän eri osien irrottamiseksi uusiutumattomasta energiasta, Suomi voi antaa markkinoille riittävän vahvan signaalin investointien houkuttelmiseksi ja innovaatioiden ruokkimiseksi.
Energiaremontti käynnistyy välittömästi seuraavilla askeleilla:
Merkittäviä investointeja uusiutumattomaan energiantuotantoon ei enää tehdä. Kaikkien energiainvestointien on tähdättävä täysin uusiutuvilla toimivaan järjestelmään.
Vuoden 2020 ja 2030 tavoitteita päivitetään reippaasti ylöspäin
Energiatehokkuus: olemassa olevat kiinteistöt, teollisuus ja liikenne
<div class="full-article box bc-white">
<header class="sticky">
<div class="clearfix">
<figure class="comment__img">
<i class="icon-legal"></i>
</figure>
<ul class="bare-list article-actions">
<li>
<a href="#" class="btn-text fixed-only"><i class="icon-legal"></i> Vote <i class="icon-double_angle_down"></i></a>
</li>
</ul>
<h2 id="renewable-title">Energiaremontti 2050</h2>
<div class="full-article__meta">
<i class="icon-avatar"></i> <a href="#">5 editors</a> <i class="icon-pencil"></i> <time>About an hour ago</time> <i class="icon-group"></i> <a href="#">Suomen uusenergiset</a>
</div><!-- end full-article__meta -->
</div>
<div id="renewable-part0" class="excerpt">
Käynnistetään energiaremontti, joka tähtää siihen, että Suomi siirtyy käyttämään ainoastaan uusiutuvaa energiaa vuoteen 2050 mennessä.
</div>
<!--
<div class="tags">
<table class="invited">
<thead>
<tr>
<th>Invited</th>
</tr>
</thead>
<td><a href="#" class="tag">Elina Esimerkki</a></td>
<td><a href="#" class="tag">Syksy Tyrskynen</a></td>
<td><a href="#" class="tag">Mikko Mallikas</a></td>
<td><textarea class="newtag" placeholder="new person"></textarea></td>
</tr>
</table>
</div>
-->
<div class="tags">
Invited:
<a href="#" class="tag">Elina Esimerkki</a>
<a href="#" class="tag">Syksy Tyrskynen</a>
<a href="#" class="tag">Mikko Mallikas</a>
<textarea class="newtag" placeholder="Person"></textarea>
</div>
<div class="tags">
Tags:
<a href="#" class="tag">Uusiutuva energia</a>
<a href="#" class="tag">Ilmastonmuutos</a>
<a href="#" class="tag">Uusi talous</a>
<textarea class="newtag" placeholder="Tag"></textarea>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</header>
<div class="full-article__body">
<figure class="article__img">
<img width=400px src="../../assets/img/renewable-energy-2050.jpg"/>
</figure>
<p id="renewable-part1" class="commentable">
Sähkön- ja lämmöntuotannossa täysin uusiutuvalla energialla toimivaan järjestelmään siirrytään vuoteen 2035 mennessä. Päätös ei koske ydinvoimaloita, joista periaatepäätös on jo tehty. Laaditaan energiastrategia, jossa muutokseen tarvittava polku linjataan. Käynnistetään toimenpideohjelma, jolla kivihiilestä sähkön- ja lämmöntuotannossa luovutaan 2025 mennessä. Energiaremontissa korostuvat energiatehokkuuden parantaminen, uusiutuvan energian tuotanto, kestävyys sekä älykkäiden järjestelmien käyttöönotto sekä cleantech-viennin kasvu.
</p>
<h3 class="commentable">
Perusteet:
</h3>
<p id="renewable-part2" class="commentable">
Energiamarkkinat Euroopassa ja maailmalla ovat rajujen muutosten edessä. Tämä haastaa vanhat toimijat, kuten Suomessakin on viime vuosina nähty ja toisaalta avaa suuria mahdollisuuksia uusien ratkaisujen tuottajille.
</p>
<p id="renewable-part3" class="commentable">
IEA ennakoi energiamurroksen luovan maailmanlaajuisesti 35 000 miljardin euron kumulatiivisen markkinan seuraavan 20 vuoden aikana. Tämä tarkoittaa valtavaa kysyntää erityisesti uusiutuvan energiantuotannon, energiatehokkuuden ja älykkäiden järjestelmien ratkaisuille. Komissio on arvoinut, että vihreään talouteen voitaisiin luoda Euroopassa jopa 20 miljoonaa työpaikkaa vuoteen 2020 mennessä.
</p>
<div class="comments-in-context hidden discussion box bc-white">
<div class="comment">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#">Mikko Mallikas</a>
<time>About an hour ago</time>
</div><!-- end comment meta -->
<div class="comment__body">
Luvut ovat niin nannaa, että tuossa kannattaisi suoraan linkata alkuperäiseen lähteeseen epäilijöiden vakuuttamiseksi.
</div><!-- end comment body -->
<a href="#renewable-part3" class="tag">IEA ennakoi…</a>
<div class="comment__actions">
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div><!-- end comment actions -->
<div class="comment__field">
</div><!-- end comment field -->
</div><!-- end single comment -->
<div class="comment">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#">Mikko Mallikas</a>
<time>About an hour ago</time>
</div><!-- end comment meta -->
<div class="comment__body">
Ai niin, viitatkaa myös YK:n raporttiin XYZ.
</div><!-- end comment body -->
<a href="#renewable-part3" class="tag">IEA ennakoi…</a>
<div class="comment__actions">
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div><!-- end comment actions -->
<div class="comment__field">
</div><!-- end comment field -->
</div><!-- end single comment -->
</div>
<p id="renewable-part4" class="commentable">
Menestyäkseen yritykset tarvitsevat toimivat kotimarkkinat. Uudet työpaikat syntyvätkin sinne, missä uuden energian ratkaisuja hyödynnetään. Suomen nykyinen energiapolitiikka on johtanut siihen, että kansainvälisessä uusiutuvan energian investointiympäristöjen vertailussa sijoitumme heikosti, mistä johtuen investoinnit ja työpaikat Suomeen jäävät syntymättä.
</p>
<p id="renewable-part5" class="commentable">
Toimintaympäristön muutokseen voidaan vastata kirkastamalla energiapolitiikan tavoite ja käynnistämällä energiaremontti. Toteutuessaan energiaremontti parantaisi vaihtotasetta miljardeilla sekä lisäisi nopeasti taloudellista toimeliaisuutta ja työpaikkoja. Toteutuessaan energiaremontti parantaisi myös merkittävästi suomalaisten energiateknologiayritysten kilpailukykyä nopeasti kasvavilla globaaleilla markkinoilla. Myönteisten talousvaikutusten lisäksi energiaremontti nostaisi Suomen kärkijoukkoihin ilmastonmuutoksen vastaisessa taistelussa, minimoisi uusiutumattoman energian ympäristöhaitat ja riskit sekä rakentaisi vahvaa Suomi-brändiä.
</p>
<div class="comments-in-context hidden discussion box bc-white">
<div class="comment">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#">Elina Esimerkki</a>
<time>About an hour ago</time>
</div><!-- end comment meta -->
<div class="comment__body">
Sana "parantaisi" toistuu. Joku muu saa miettiä korvaavan ilmaisun, kun täältä loppui kahvi.
</div><!-- end comment body -->
<a href="#renewable-part5" class="tag">Toimintaympäristön muutokseen…</a>
<div class="comment__actions">
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div><!-- end comment actions -->
<div class="comment__field">
</div><!-- end comment field -->
</div><!-- end single comment -->
</div>
<p id="renewable-part6" class="commentable">
Energia- ja teknologiamarkkinoilla toimiville yrityksille politiikan pitkäjänteisyys on tärkeää. Pitkäjänteisyys syntyy ainoastaan katsomalla tulevaisuuteen. Ainoa kansainvälisesti uskottava pitkän aikavälin tavoitetila modernille energiajärjestelmälle on suuntautuminen täysin uusiutuvaan energiaan. Asettamalla selvät määräajat järjestelmän eri osien irrottamiseksi uusiutumattomasta energiasta, Suomi voi antaa markkinoille riittävän vahvan signaalin investointien houkuttelmiseksi ja innovaatioiden ruokkimiseksi.
</p>
<h3 id="renewable-part7" class="commentable">
Energiaremontti käynnistyy välittömästi seuraavilla askeleilla:
</h3>
<ol>
<li id="renewable-part8" class="commentable">
Merkittäviä investointeja uusiutumattomaan energiantuotantoon ei enää tehdä. Kaikkien energiainvestointien on tähdättävä täysin uusiutuvilla toimivaan järjestelmään.
</li>
<li id="renewable-part9" class="commentable">
Vuoden 2020 ja 2030 tavoitteita päivitetään reippaasti ylöspäin
<ul>
<li id="renewable-part10" class="commentable">
Energiatehokkuus: olemassa olevat kiinteistöt, teollisuus ja liikenne
</li>
<li id="renewable-part11" class="commentable">
Tuotanto: tuuli, aurinko, bio ja lämpöpumput
</li>
<div class="comments-in-context hidden discussion box bc-white">
<div class="comment">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#">Syksy Tyrskynen</a>
<time>About an hour ago</time>
</div><!-- end comment meta -->
<div class="comment__body">
Saako tähän vielä fuusioenergian mukaan? Ennustan, että jo ensi vuonna sillä ruokitaan maailman köyhät.
</div><!-- end comment body -->
<a href="#renewable-part11" class="tag">Tuotanto: tuuli…</a>
<div class="comment__actions">
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div><!-- end comment actions -->
<div class="comment__field">
</div><!-- end comment field -->
</div><!-- end single comment -->
</div>
<li id="renewable-part12" class="commentable">
Älykkäät järjestelmät: älykäs sähköverkko, energian varastointi ja älykäs liikenne
</li>
</ul>
</li>
<li id="renewable-part13" class="commentable">
Fossiilisen energian tuotannon ja kulutuksen tukeminen lopetetaan.
</li>
<li id="renewable-part14" class="commentable">
Lähienergian esteet poistetaan.
</li>
</ol>
</div>
</div>
<div class="comment-field article-editor">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<textarea placeholder="Comment">
# Energiaremontti 2050
Käynnistetään energiaremontti, joka tähtää siihen, että Suomi siirtyy käyttämään ainoastaan uusiutuvaa energiaa vuoteen 2050 mennessä.
Sähkön- ja lämmöntuotannossa täysin uusiutuvalla energialla toimivaan järjestelmään siirrytään vuoteen 2035 mennessä. Päätös ei koske ydinvoimaloita, joista periaatepäätös on jo tehty. Laaditaan energiastrategia, jossa muutokseen tarvittava polku linjataan. Käynnistetään toimenpideohjelma, jolla kivihiilestä sähkön- ja lämmöntuotannossa luovutaan 2025 mennessä. Energiaremontissa korostuvat energiatehokkuuden parantaminen, uusiutuvan energian tuotanto, kestävyys sekä älykkäiden järjestelmien käyttöönotto sekä cleantech-viennin kasvu.
## Perusteet:
Energiamarkkinat Euroopassa ja maailmalla ovat rajujen muutosten edessä. Tämä haastaa vanhat toimijat, kuten Suomessakin on viime vuosina nähty ja toisaalta avaa suuria mahdollisuuksia uusien ratkaisujen tuottajille.
IEA ennakoi energiamurroksen luovan maailmanlaajuisesti 35 000 miljardin euron kumulatiivisen markkinan seuraavan 20 vuoden aikana. Tämä tarkoittaa valtavaa kysyntää erityisesti uusiutuvan energiantuotannon, energiatehokkuuden ja älykkäiden järjestelmien ratkaisuille. Komissio on arvoinut, että vihreään talouteen voitaisiin luoda Euroopassa jopa 20 miljoonaa työpaikkaa vuoteen 2020 mennessä.
Menestyäkseen yritykset tarvitsevat toimivat kotimarkkinat. Uudet työpaikat syntyvätkin sinne, missä uuden energian ratkaisuja hyödynnetään. Suomen nykyinen energiapolitiikka on johtanut siihen, että kansainvälisessä uusiutuvan energian investointiympäristöjen vertailussa sijoitumme heikosti, mistä johtuen investoinnit ja työpaikat Suomeen jäävät syntymättä.
Toimintaympäristön muutokseen voidaan vastata kirkastamalla energiapolitiikan tavoite ja käynnistämällä energiaremontti. Toteutuessaan energiaremontti parantaisi vaihtotasetta miljardeilla sekä lisäisi nopeasti taloudellista toimeliaisuutta ja työpaikkoja. Toteutuessaan energiaremontti parantaisi myös merkittävästi suomalaisten energiateknologiayritysten kilpailukykyä nopeasti kasvavilla globaaleilla markkinoilla. Myönteisten talousvaikutusten lisäksi energiaremontti nostaisi Suomen kärkijoukkoihin ilmastonmuutoksen vastaisessa taistelussa, minimoisi uusiutumattoman energian ympäristöhaitat ja riskit sekä rakentaisi vahvaa Suomi-brändiä.
Energia- ja teknologiamarkkinoilla toimiville yrityksille politiikan pitkäjänteisyys on tärkeää. Pitkäjänteisyys syntyy ainoastaan katsomalla tulevaisuuteen. Ainoa kansainvälisesti uskottava pitkän aikavälin tavoitetila modernille energiajärjestelmälle on suuntautuminen täysin uusiutuvaan energiaan. Asettamalla selvät määräajat järjestelmän eri osien irrottamiseksi uusiutumattomasta energiasta, Suomi voi antaa markkinoille riittävän vahvan signaalin investointien houkuttelmiseksi ja innovaatioiden ruokkimiseksi.
## Energiaremontti käynnistyy välittömästi seuraavilla askeleilla:
1. Merkittäviä investointeja uusiutumattomaan energiantuotantoon ei enää tehdä. Kaikkien energiainvestointien on tähdättävä täysin uusiutuvilla toimivaan järjestelmään.
2. Vuoden 2020 ja 2030 tavoitteita päivitetään reippaasti ylöspäin
- Energiatehokkuus: olemassa olevat kiinteistöt, teollisuus ja liikenne
- Tuotanto: tuuli, aurinko, bio ja lämpöpumput
- Älykkäät järjestelmät: älykäs sähköverkko, energian varastointi ja älykäs liikenne
3. Fossiilisen energian tuotannon ja kulutuksen tukeminen lopetetaan.
4. Lähienergian esteet poistetaan.
</textarea>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div class="full-article box bc-white">
<header class="sticky">
<div class="clearfix">
<figure class="comment__img">
<i class="icon-legal"></i>
</figure>
<ul class="bare-list article-actions">
<li>
<a href="#" class="btn"><i class="icon-pencil"></i> Edit<i class="count c-white bc-comp--light" title="Number of edits">3</i></a>
</li>
</ul>
<h2>Argumented article title og:title max 95 chars</h2>
<div class="full-article__meta">
<i class="icon-avatar"></i> <a href="#">5 editors</a> <i class="icon-pencil"></i> <time>About an hour ago</time> <i class="icon-group"></i> <a href="#">Groupname</a>
</div><!-- end full-article__meta -->
</div>
<div class="excerpt">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</header>
<div class="full-article__body">
<figure class="article__img">
<img src="http://placeimg.com/200/200/tech" />
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="full-article__comments">
<header>
<h3>Discussion</h3>
<ul class="bare-list nav tabs">
<li><a class="tab tab--active" href="#">Active</a></li>
<li><a class="tab" href="#">Passive</a></li>
<li><a class="tab" href="#">Passive</a></li>
<li class="tabs__search"><a href="#"><i class="icon-search"></i></a></li>
</ul>
</header>
<div class="create-new">
<div class="comment-field comment-field-argumentation">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="btn-group">
<button class="btn">Agree</button>
<button class="btn">Disagree</button>
</div>
<textarea placeholder="Comment"></textarea>
</div>
</div>
<div class="grid">
<div class="g g--half">
<h3>Agree</h3>
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
</div>
<div class="g g--half">
<h3>Disagree</h3>
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
</div>
</div>
<div class="pagination"><a href="#" class="btn btn-text">Load more</a></div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div class="full-article box bc-white">
<header class="sticky">
<div class="clearfix">
<figure class="comment__img">
<i class="icon-legal"></i>
</figure>
<ul class="bare-list article-actions">
<li>
<a href="#" class="btn-text fixed-only"><i class="icon-legal"></i> Vote <i class="icon-double_angle_down"></i></a>
</li>
<li>
<a href="#" class="btn-text"><i class="icon-pencil"></i> Edit<i class="count c-white bc-comp--light" title="Number of edits">3</i></a>
</li>
</ul>
<h2>Voted article title og:title max 95 chars</h2>
<div class="full-article__meta">
<i class="icon-avatar"></i> <a href="#">5 editors</a> <i class="icon-pencil"></i> <time>About an hour ago</time> <i class="icon-group"></i> <a href="#">Groupname</a>
</div><!-- end full-article__meta -->
</div>
<div class="excerpt">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<div class="article-type-specifics">
<div class="article-type-specifics__intro">Voting open for <time>3 days</time>.</div>
<ul class="bare-list article-actions vote-btns">
<li>
<a href="#" class="btn btn-vote"><i class="icon-ok"></i>Yea</a>
<div class="article-actions__meta">
<a href="#"><i class="icon-legal"></i> 3</a>
<a href="#"><i class="fa fa-comments"></i> 1</a>
</div>
</li>
<li>
<a href="#" class="btn-alt btn-vote">Nay</a>
<div class="article-actions__meta">
<a href="#"><i class="icon-legal"></i> 5</a>
<a href="#"><i class="fa fa-comments"></i> 3</a>
</div>
</li>
<li>
<a href="#" class="btn-alt btn-vote">Abstain</a>
<div class="article-actions__meta">
<a href="#"><i class="icon-legal"></i> 13</a>
<a href="#"><i class="fa fa-comments"></i> 8</a>
</div>
</li>
</ul>
</div>
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</header>
<div class="full-article__body">
<figure class="article__img">
<img src="http://placeimg.com/200/200/tech" />
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="full-article__comments">
<header>
<h3>Discussion</h3>
<ul class="bare-list nav tabs">
<li><a class="tab tab--active" href="#">Active</a></li>
<li><a class="tab" href="#">Passive</a></li>
<li><a class="tab" href="#">Passive</a></li>
<li class="tabs__search"><a href="#"><i class="icon-search"></i></a></li>
</ul>
</header>
<div class="create-new">
<div class="comment-field">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<textarea placeholder="Comment"></textarea>
</div>
</div>
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
<div class="pagination"><a href="#" class="btn btn-text">Load more</a></div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div class="stream-item">
<figure class="comment__img">
<!--img class="img--round" src="http://placeimg.com/40/40/tech" alt="Person Name" /-->
<i class="icon-avatar_circle"></i>
</figure><!-- end comment pic -->
<div class="comment__meta">
<a href="#" class="name">Firstname Lastname</a> <span class="action">created a new discussion</span>
<time>About an hour ago</time> in <a href="#" class="group-name">Groupname</a>
</div><!-- end comment meta -->
<div class="comment__body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div><!-- end comment body -->
<div class="tags">
<a href="#" class="tag">Lorem ipsum</a>
<a href="#" class="tag">Punavuori</a>
<a href="#" class="tag">Mea transmittee sursum</a>
</div>
<div class="comment__actions actions-general">
<span><a href="#" title="More actions, such as share and flag as inappropriate">+</a></span>
<span class="comment-toggle js-comment-toggle">Comment <i class="fa fa-comments"></i></span>
<span class="like-toggle js-like-toggle">Like <i class="fa fa-thumbs-o-up"></i></span>
</div>
</div><!-- end single comment -->
