View source for Main Page

<!------------------------------------->
<!---------- Welcome Section ---------->
<!------------------------------------->
<div class="main-pg small-8 columns" style="padding-left:0px; clear: both;"><!-- Start main (column 1) container -->
<div class="orange-box"><span class="dml-banner criss-cross center lg-text">Welcome to the<br>Dragon Mania Legends Wiki</span>
<div class="white-inner" style="padding-bottom:1px;">

<div class="center">[[File:DML Wiki Promotion.jpg|500px|center|Your number 1 source of everything about Dragon Mania Legends|link=https://www.facebook.com/DragonManiaLegends/photos/a.785828598160772.1073741828.780308475379451/1275555592521401/?type=3&theater]]<br></div>
Dragon Mania Legends is a game created in 2015 by <span class="plainlinks">[https://www.gameloft.com/?sk Gameloft]</span>. The {{SITENAME}} is an [[Dragon Mania Legends Wiki:Wiki FAQ#Who owns the wiki?|independent website created by fans like you]] to be a reliable '''guide''' and '''tutorial''' to the game. This website is a work in progress and is constantly changing, aiming to serve as a thorough '''walkthrough''' to all players. All contributions are made by members and we look forward to having you join us in our quest. Get started by [[Special:UserLogin|signing up]] and then familiarize yourself with the guidelines and policies by clicking the buttons below.<br>
<br>
<div style="text-align:center">

<span class="dmlbtn sz-lg green" style="line-height:0.7em; font-size:1.7em; text-align:center; padding-top:12px; min-width:172px;">[[Dragon Mania Legends Wiki:Wiki Quick Reference Guide|Welcome]]<br>
<span style="font-size:0.5em;">[[Dragon Mania Legends Wiki:Wiki Quick Reference Guide|Your wiki guide]]</span></span>
<span class="dmlbtn sz-lg green" style="line-height:0.7em; font-size:1.7em; text-align:center; padding-top:12px; min-width:172px;">[[Dragon Mania Legends Wiki:Manual of Style|Layout]]<br>
<span style="font-size:0.5em;">[[Dragon Mania Legends Wiki:Manual of Style|How to edit]]</span></span>
<span class="dmlbtn sz-lg green" style="line-height:0.7em; font-size:1.7em; text-align:center;padding-top:12px; min-width:172px;">[[Dragon Mania Legends Wiki:Staff|Help]]<br><span style="font-size:0.5em;">[[Dragon Mania Legends Wiki:Staff|Go here for help]]</span></span>
{{#widget:GASTop}}
</div>
</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!------------------------------------->
<!------- Limited Time Dragons -------->
<!------------------------------------->
<div class="orange-box"><span class="dml-banner criss-cross med-text center">Limited Time Dragons</span>
<div class="white-inner ltd-time-dragons-mainpage" style="padding:0px;">
</div><!-- End white-inner -->
</div><!-- End orange-box -->
{{LTD Countdown}}
<!------------------------------------------->
<!--------- Special Event Section ----------->
<!------------------------------------------->
<!----- hide the following as no big event is in progress with <div style="display:none;"> --->
<div style="display:none;"><!-- -->
<div class="orange-box"><span class="dml-banner criss-cross sm-text center">Special Event</span>
<div class="white-inner" style="text-align:center;">
<div class="row">
<div class="large-5 columns">
[[File:Origin of Shadow.png|195px|link=Oyar Returns]]<br><br>
<span class="dml-text-dark">[[Oyar Returns]]</span>
</div><!-- End large-5 columns -->
<!--- begin large-7 columns --->
<div class="large-7 columns">
{| class="wikitable no-border" style="width:fit-content; border:0; margin:0 auto; max-width:654px;"
|-
! [[File:Ancient Chest II Button - Oyar Returns.jpg|link=Ancient Chest (23/02/13)]]
! [[File:Ancient Collection Button - Oyar Returns.jpg|link=Ancient Collection (23/01/30)]]
! rowspan="2" | [[File:Dragon Dice II Button - Oyar Returns.jpg|link=Dragon Board (23/02/13)]]
|-
| colspan="2" | [[File:Shop II Button - Oyar Returns.jpg|link=Category:Ancient Islands#Shop]]
|}
<br>
<span class="dml-text-dark">{{ctg|Ancient Islands|Ancient Island Event}}</span>
</div><!-- End large-7 column -->
</div><!-- End row -->
</div><!-- End whiter inner -->
</div><!-- End orange box -->
</div><!-- End "display:none;" -->
<!----------- END of Special Event Section ----------->

<!-------------------------------------------->
<!------ Recent Events & News Section ------->
<!-------------------------------------------->
<div class="small-12 large-6 columns mainpg-ongoing-events" style="padding:0px!important; float:left;">
<div class="orange-box more-scroll" style="padding-right:3px;"><span class="dml-banner criss-cross sm-text center">Current Events</span>
<div class="white-inner" style="height: 400px; overflow-x: hidden; overflow-y: scroll; padding-bottom:0px; margin-bottom:0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;">
{{Slider}}
</div><!-- End white-inner -->
</div><!-- End orange-box -->
</div><!-- End column -->
<div class="small-12 large-6 columns mainpg-news" style="padding:0px!important; float:left;">
<div class="orange-box more-scroll" style="padding-left:4px;"><span class="dml-banner criss-cross sm-text center">News</span>
<div class="white-inner" style="height: 400px; overflow-x: hidden; overflow-y: scroll; padding-bottom:0px; margin-bottom:0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;">
{{News}}
</div><!-- End white-inner -->
</div><!-- End orange-box -->
</div><!-- End column -->

<!------------------------------>
<!------ Events Calendar ------->
<!------------------------------>
<div class="orange-box"><span class="dml-banner criss-cross med-text center">Event Calendar</span>
<div class="white-inner" style="padding-bottom:0px; padding-top:5px">
<div class="row">
{{Calendar}}
</div><!-- End row -->

</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!------------------------------------->
<!--------- Content Section ----------->
<!------------------------------------->
<div class="orange-box"><span class="dml-banner criss-cross med-text center">Content</span>
<div class="white-inner" style="padding-bottom:0px;">
<div class="row">
<div class="main-pg medium-6 columns no-padding"><!-- 12 column responsive grid, so the columns need to add up to 12 -->
<!-- 'block-grid' 1-12 allows the splitting of contents within the grid contents will resize and re-flow on mobile -->
  <ul class="small-block-grid-5" style="margin:0px; font-size:1rem;">
    <li class="center sm-bdy-text">[[File:Campaign Map Button.png|60px|link=Category:Battle (System)]]<br>{{ctg|Battle (System)}}</li>
    <li class="center sm-bdy-text">[[File:Clan Button.png|60px|link=Clans]]<br>[[Clans]]</li>
    <li class="center sm-bdy-text">[[File:Hatch Button.png|60px|link=Category:Dragons]]<br>{{ctg|Dragons}}</li>
    <li class="center sm-bdy-text">[[File:Exploration Button.png|60px|link=Category:Gameplay Elements]]<br>{{ctg|Gameplay Elements|Gameplay}}</li>
    <li class="center sm-bdy-text">[[File:Feed Button.png|60px|link=Category:Dragon Raising]]<br>{{ctg|Dragon Raising|Raising}}</li>
  </ul><!-- End block grid -->
</div><!-- End medium-6 columns -->

<div class="main-pg medium-6 columns no-padding"><!-- 12 column responsive grid, so the columns need to add up to 12 -->
  <ul class="small-block-grid-5" style="margin:0px;">    
    <li class="center sm-bdy-text">[[File:Goals - Building.png|60px|link=Category:Buildings]]<br>{{ctg|Buildings}}</li>
    <li class="center sm-bdy-text">[[File:Main Page - Events.png|60px|link=Category:Events]]<br>{{ctg|Events}}</li>
    <li class="center sm-bdy-text">[[File:Upgrade Button.png|60px|link=Category:Game Updates]]<br>{{ctg|Game Updates|Updates}}</li>
    <li class="center sm-bdy-text">[[File:Friend Button.png|60px|link=Guide:Wiki Friend Page]]<br>[[Guide:Wiki Friend Page|Friends]]</li>
    <li class="center sm-bdy-text">[[File:Breeding Button.png|60px|link=Dragon Mania Legends Wiki:Breeding Calculator]]<br>{{dmlw|Breeding Calculator|Calculator}}</li>
  </ul><!-- End block grid -->
</div><!-- End medium-6 columns -->
</div><!-- End row -->

</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!------------------------------------->
<!--------- Community Corner ---------->
<!------------------------------------->
<div class="orange-box"><span class="dml-banner criss-cross med-text center">Community Corner</span>
<div class="white-inner ltd-time-dragons-mainpage" style="padding:0px;">
</div></div>
<div class="main-pg small-12 columns mainpg-community-corner">
<!-------------------->
<div class="small-6 large-4 columns">
<div class="orange-box">
<div class="white-inner" style="text-align:center;">
<!-------------------->
[[File:Main Page - Editing Central.jpg|link=Dragon Mania Legends Wiki:Editing Central]]<br><br>
<span style="line-height:1.4rem;">Are you a DML expert? Check out Editing Central and start contributing!</span><br><br>
<span class="dmlbtn sz-med green">[[Dragon Mania Legends Wiki:Editing Central|Editing Central]]</span>
<!---->
</div></div></div>
<!-------------------->
<div class="small-6 large-4 columns">
<div class="orange-box">
<div class="white-inner" style="text-align:center;">
<!---->
[[File:Main Page - Burning Questions.jpg]]<br><br>
Do you have questions that might be in our FAQs?<br><br>
{{btn|med|green|[[Dragon_Mania_Legends_Wiki:FAQ|Game FAQ]]}}<!-- no break, causes overflow issues on large screens! -->
{{btn|med|green|[[Dragon Mania Legends Wiki:Wiki FAQ|Wiki FAQ]]}}
<!---->
</div></div></div>
<!-------------------->
<div class="small-12 large-4 columns">
<div class="orange-box" style="border-right:0px;">
<div class="white-inner" style="text-align:center;">
<!---->
<div style="max-width:300px; margin:0 auto;">[[File:Main Page - Wiki Support.jpg|link=Guide:Wiki Support]]</div><br>
<span style="line-height:1.4rem;">Do you have any suggestions for the '''WIKI''', or do you need '''WIKI''' help?</span><br><br>
<span class="dmlbtn sz-med green">[[Guide:Wiki_Support|Contact Us]]</span>
<!---->
</div></div></div></div>

</div><!-- End small-8 columns>

<!------------------------------------->
<!-------------- Sidebar -------------->
<!------------------------------------->
<div class="main-pg small-4 columns" style="padding-left:0px;"><!-- Start side (column 2) container -->

<!---- Featured Dragon ---->
<div class="orange-box">
<span class="dml-banner criss-cross sm-text center">FEATURED DRAGON</span>
<div class="white-inner">
{{Featured Dragon}}
</div>
</div>

<!---- GameLoft ---->
<div class="orange-box">
<span class="dml-banner criss-cross sm-text center">GAMELOFT</span>
<div class="white-inner" style="text-align:center;">
[[File:Gameloft.png|center|150px|link=https://en.gameloft.ca/?sk]]<br>
Technical difficulties? Contact Gameloft using the links below!<br><br>
<span class="dmlbtn sz-med green">[https://discord.gg/NRCDHNJwfX Discord]</span>
<span class="dmlbtn sz-med green">[https://support.gameloft.com/game/6/69 Contact]</span>
</div><!-- End white-inner -->
</div><!-- End orange box -->

<!---- Facebook ---->
<div class="orange-box">
<span class="dml-banner criss-cross sm-text center">FACEBOOK</span>
<div class="purple-gradient-inner" style="margin: 0px; padding: 0px;">
{{Facebook}}
</div>
</div>

<!----- Download the Game ---->
<div class="orange-box"><span class="dml-banner criss-cross sm-text center">Download</span>
<div class="white-inner">

[[File:App 10.png|center|150px]]
<br>
<div class="center">Don't play Dragon Mania Legends? Choose your operating system and download today!
<br>
<span class="dmlbtn sz-lg green" style="line-height:0.7em; text-align:center; min-width:150px;">&nbsp;&nbsp;&nbsp;[https://itunes.apple.com/ca/app/dragon-mania-legends/id882507985?mt=8 iOS]&nbsp;<i class="fa fa-apple"></i>&nbsp;&nbsp;</span>
<span class="dmlbtn sz-lg green" style="line-height:0.7em; text-align:center; min-width:150px;">[https://play.google.com/store/apps/details?id=com.gameloft.android.ANMP.GloftDOHM&hl=en Android]&nbsp;<i class="fa fa-android"></i></span>
<span class="dmlbtn sz-lg green" style="line-height:0.7em; text-align:center; min-width:150px;">[https://apps.microsoft.com/windows/en-ca/app/dragon-mania-legends/d9de1da3-a8ad-4a90-b15a-6028e363ccfb Windows]&nbsp;<i class="fa fa-windows"></i></span>
</div>

</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!------------------------------------->
<!------- Useful Links Section -------->
<!------------------------------------->
<div class="orange-box more-scroll"><span class="dml-banner criss-cross sm-text center">Useful Links</span>
<div class="white-inner no-padding" style="max-height:450px; overflow-x: hidden; overflow-y: scroll; padding-bottom:0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;">

<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-1" style="margin-left: 0.5em;">
<li>[[File:DML Clan Promotion.jpg|link=https://discord.gg/ESzAwnWENB]]
<br><br></li>
<li>[[File:DML Official Discord Promotion.jpg|link=https://discord.gg/puUjpmxb9u]]
<br><br>
</li>
<li>[[File:DML Facebook Promotion.jpg|link=https://www.facebook.com/DragonManiaLegends/]]
<br><br>
</li>
<li>[[File:DML YouTube Promotion.jpg|link=https://www.youtube.com/channel/UCuU8GoZQimz-5QCEO2f2w9g]]
<br><br>
</li>
<li>[[File:DML Instagram Promotion.jpg|link=https://www.instagram.com/dragonmanialegends/?hl=en]]
</ul>

</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!------------------------------------->
<!------- Recent Dragon Images -------->
<!------------------------------------->
<div class="orange-box more-scroll"><span class="dml-banner criss-cross sm-text center">Recent Images</span>
<div class="white-inner" style="padding-top:2em; max-height:730px; overflow-x: hidden; overflow-y: scroll; padding-bottom:0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;">

{{Recent Dragons}}

</div><!-- End white-inner -->
</div><!-- End orange-box -->

<!-------- End Sidebar column --------->
</div><!-- End medium-3 columns -->
<no-comment-streams />
[[Category:DML Wiki Elements]]
[[Category:No Review Needed‎]]