SHARE
TWEET

carousel

a guest Oct 23rd, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @model List<AVA.CNOW.Dataviz.Models.Speaker>
  2. @Styles.Render("~/Content/speakerstyle.css")
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  7.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  8.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  9.     </head>
  10.     <div>
  11.         <div id="myCarousel" class="carousel slide" data-ride="carousel">
  12.             <ol class="mycarousel-indicators">
  13.                 <li data-target="#myCarousel" id="Key" data-slide-to="0" class="active">Keynote</li>
  14.                 <li data-target="#myCarousel" id="Fire" data-slide-to="1" class="">Double Fireside Chat</li>
  15.                 <li data-target="#myCarousel" id="Round" data-slide-to="2" class="">Round Table</li>
  16.             </ol>
  17.  
  18.             <div class="carousel-inner">
  19.                 <div class="item active">
  20.                    
  21.                     <div class="speakers">
  22.                         @foreach (var sp in Model.Where(x => x.TypeOfSpeech == "Keynote"))
  23.                         {
  24.                             <div class="hexagone">
  25.                                 <img class="picture" src=@sp.ImageUrl />
  26.                                 <div class="speaker-infos">
  27.                                     <div class="line"></div>
  28.                                     <div class="speaker-name">@sp.FirstName</div>
  29.                                     <div class="speaker-name">@sp.LastName</div>
  30.                                     <div class="line"></div>
  31.                                     <div class="speaker-job">@sp.Title</div>
  32.                                     <div class="speaker-job">@sp.Company</div>
  33.                                     <div class="line"></div>
  34.                                 </div>
  35.                             </div>
  36.                         }
  37.                     </div>
  38.                 </div>
  39.                 <div class="item">
  40.                     <div class="speakers">
  41.                         @foreach (var sp in Model.Where(x => x.TypeOfSpeech == "Fireside Chat"))
  42.                         {
  43.                             <div class="hexagone">
  44.                                 <img class="picture" src=@sp.ImageUrl />
  45.                                 <div class="speaker-infos">
  46.                                     <div class="line"></div>
  47.                                     <div class="speaker-name">@sp.FirstName</div>
  48.                                     <div class="speaker-name">@sp.LastName</div>
  49.                                     <div class="line"></div>
  50.                                     <div class="speaker-job">@sp.Title</div>
  51.                                     <div class="speaker-job">@sp.Company</div>
  52.                                     <div class="line"></div>
  53.                                 </div>
  54.                             </div>
  55.                         }
  56.                     </div>
  57.                 </div>
  58.                 <div class="item">
  59.                     <div class="speakers">
  60.                         @foreach (var sp in Model.Where(x => x.TypeOfSpeech == "Round Table"))
  61.                         {
  62.                             <div class="hexagone">
  63.                                 <img class="picture" src=@sp.ImageUrl />
  64.                                 <div class="speaker-infos">
  65.                                     <div class="line"></div>
  66.                                     <div class="speaker-name">@sp.FirstName</div>
  67.                                     <div class="speaker-name">@sp.LastName</div>
  68.                                     <div class="line"></div>
  69.                                     <div class="speaker-job">@sp.Title</div>
  70.                                     <div class="speaker-job">@sp.Company</div>
  71.                                     <div class="line"></div>
  72.                                 </div>
  73.                             </div>
  74.                         }
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top