title: How can I implement variable to <i> tag class in Razor view
body: <p>I'm trying add an icon with using awesome font.
  I used bootstrap button type and it's working fine.But when i would like to add a social icon using  tag it does not seem.How can i do that ? </p>
  
  <pre><code>   &lt;div id="socialLoginList"&gt;
                  &lt;p&gt;
                  @foreach (AuthenticationDescription p in loginProviders)
                  {
                      &lt;button type="submit" class="btn btn-lg btn-social btn-@p.AuthenticationType.ToLower()" id="btn-socialID" name="provider" value="@p.AuthenticationType" title="Log in using your @p.Caption account"&gt;&lt;i class="fa fa-@p.AuthenticationType"&gt;&lt;/i&gt;@p.AuthenticationType&lt;/button&gt;&lt;br /&gt;&lt;br /&gt;
                  }
                  &lt;/p&gt;
              &lt;/div&gt;
  </code></pre>