﻿<html>
<head>
    <title>Icon Preview</title>
    <link href="SitemapIconDisplay.css" rel="stylesheet">
    <meta charset="utf-8">
</head>
<body>
    <div id="header">
        <h1><span class="logo">Client</span>360 Icon Library</h1>
        <!--<h3>Introduction</h3>
        <div class="intro">
            The SiteMapIcon in this CRM solution come from the following sources :
            <ul class="intro">
                <li>The existing Microsoft Dynamics Brand Icon Libraries (sets of PowerPoint slides).</li>
                <li>The built-in Segoe UI symbols (useful glyphs provided in the Windows 8 Segoe UI Symbol font). </li>
                <li>www.thenounproject.com - the User Experience Designer <br />on this solution (Hanneke Maré) has a professional subscription here. </li>
                <li>Created by individuals working on demo solutions. This includes SiteMapIcon designed from scratch and SiteMapIcon created by tailoring and editing existing SiteMapIcon from the above mentioned sources. </li>
            </ul>
        </div>-->
    </div>
    <div id="container">
        <div id="groups">
            <div class="group triple">
                <h3>The following icons are available in the ms_/SiteMapIcon folder</h3>
                <!--<h3>General SiteMapIcon <br />on SteelBlue</h3>-->
                <div class="tiles">
                    <div class="smallTile royalBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/BusConfig.png"></div>
                        <div class="smallTileTitle">BusConfig.png</div>
                    </div>
                    <div class="smallTile skyBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/AssetMgt1.png"></div>
                        <div class="smallTileTitle">AssetMgt1.png</div>
                    </div>
                    <div class="smallTile orange">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/AssetMgt2.png"></div>
                        <div class="smallTileTitle">AssetMgt2.png</div>
                    </div>
                    <div class="smallTile magenta">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/CommercialBanking.png"></div>
                        <div class="smallTileTitle">CommercialBanking.png</div>
                    </div>
                    <div class="smallTile brown">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/CommercialBanking1.png"></div>
                        <div class="smallTileTitle">CommercialBanking1.png</div>
                    </div>
                    <!--<div class="smallTile royalBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/CorpBanking.png"></div>
                        <div class="smallTileTitle">CorpBanking.png</div>
                    </div>-->
                    <!--<div class="smallTile skyBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/CorpBanking2.png"></div>
                        <div class="smallTileTitle">CorpBanking2.png</div>
                    </div>-->
                    <!--<div class="smallTile orange">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/CorpBanking3.png"></div>
                        <div class="smallTileTitle">CorpBanking3.png</div>
                    </div>-->
                    <div class="smallTile magenta">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/Insurance1.png"></div>
                        <div class="smallTileTitle">Insurance1.png</div>
                    </div>
                    <div class="smallTile brown">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/Insurance2.png"></div>
                        <div class="smallTileTitle">Insurance2.png</div>
                    </div>
                    <div class="smallTile skyBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/RetailBanking1.png"></div>
                        <div class="smallTileTitle">RetailBanking1.png</div>
                    </div>
                    <!--<div class="smallTile orange">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/RetailBanking2.png"></div>
                        <div class="smallTileTitle">RetailBanking2.png</div>
                    </div>-->
                    <div class="smallTile brown">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/RetailBanking3.png"></div>
                        <div class="smallTileTitle">RetailBanking3.png</div>
                    </div>
                    <div class="smallTile skyBlue">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/WealthMgtEuro.png"></div>
                        <div class="smallTileTitle">WealthMgtEuro.png</div>
                    </div>
                    <div class="smallTile orange">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/WealthMgtPoundSterling.png"></div>
                        <div class="smallTileTitle">WealthMgtPoundSterling.png</div>
                    </div>
                    <div class="smallTile magenta">
                        <div class="smallTileIcon"><img src="../SiteMapIcon/WealthMgtUSDollar.png"></div>
                        <div class="smallTileTitle">WealthMgtUSDollar.png</div>
                    </div>
              </div>
            </div>
        </div>

    </div>
</body>
</html>