Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.master" AutoEventWireup="true" CodeFile="Information.aspx.cs" Inherits="Information" %>
- <asp:Content ID="Content1" ContentPlaceHolderID="title" Runat="Server">
- </asp:Content>
- <asp:Content ID="Content2" ContentPlaceHolderID="head" Runat="Server">
- </asp:Content>
- <asp:Content ID="Content3" ContentPlaceHolderID="PageContent" Runat="Server">
- <!-- Controls -->
- <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
- <li class="nav-item">
- <a class="nav-link active" data-toggle="pill" href="#pills-skype" role="tab" aria-controls="pills-skype" aria-selected="true">
- Skype
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-toggle="pill" href="#pills-icq" role="tab" aria-controls="pills-icq" aria-selected="false">
- ICQ
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-toggle="pill" href="#pills-teamspeak" role="tab" aria-controls="pills-teamspeak" aria-selected="false">
- TeamSpeak
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link" data-toggle="pill" href="#pills-discord" role="tab" aria-controls="pills-teamspeak" aria-selected="false">
- Discord
- </a>
- </li>
- </ul>
- <div class="tab-content" id="pills-tabContent">
- <!-- Skype -->
- <div class="tab-pane fade show active" id="pills-skype" role="tabpanel" aria-labelledby="pills-home-tab">
- <div class="container">
- <div class="media">
- <img class="align-self-center mr-5" src="Media/100x100.png"/>
- <div class="media-body">
- <dl class="row">
- <dt class="col-sm-3">Program Name</dt>
- <dd class="col-sm-9">Skype</dd>
- <dt class="col-sm-3">Website</dt>
- <dd class="col-sm-9">
- <a href="https://www.skype.com" target="_blank">https://www.skype.com</a>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="row container">
- <div class="col-sm-8">
- <h4>General Info</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- <h4>Who Should Use?</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- </div>
- <div class="col-sm-3 offset-sm-1">
- <h5># of users: <span class="text-truncate" id="usersNumber">10</span></h5>
- <form class="form-inline">
- <button class="btn btn-success mr-sm-2">Using</button>
- <button class="btn btn-danger disabled" disabled>Not Using</button>
- </form>
- </div>
- </div>
- </div>
- <!-- ICQ -->
- <div class="tab-pane fade" id="pills-icq" role="tabpanel" aria-labelledby="pills-profile-tab">
- <div class="container">
- <div class="media">
- <img class="align-self-center mr-5" src="Media/100x100.png"/>
- <div class="media-body">
- <dl class="row">
- <dt class="col-sm-3">Program Name</dt>
- <dd class="col-sm-9">ICQ</dd>
- <dt class="col-sm-3">Website</dt>
- <dd class="col-sm-9">
- <a href="https://icq.com/windows/en" target="_blank">https://icq.com/windows/en</a>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="row container">
- <div class="col-sm-8">
- <h4>General Info</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- <h4>Who Should Use?</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- </div>
- <div class="col-sm-3 offset-sm-1">
- <h5># of users: <span class="text-truncate" id="usersNumber">10</span></h5>
- <form class="form-inline">
- <button class="btn btn-success mr-sm-2">Using</button>
- <button class="btn btn-danger disabled" disabled>Not Using</button>
- </form>
- </div>
- </div>
- </div>
- <!-- TeamSpeak -->
- <div class="tab-pane fade" id="pills-teamspeak" role="tabpanel" aria-labelledby="pills-contact-tab">
- <div class="container">
- <div class="media">
- <img class="align-self-center mr-5" src="Media/100x100.png"/>
- <div class="media-body">
- <dl class="row">
- <dt class="col-sm-3">Program Name</dt>
- <dd class="col-sm-9">TeamSpeak</dd>
- <dt class="col-sm-3">Website</dt>
- <dd class="col-sm-9">
- <a href="http://teamspeak.com/en/" target="_blank">http://teamspeak.com/en/</a>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="row container">
- <div class="col-sm-8">
- <h4>General Info</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- <h4>Who Should Use?</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- </div>
- <div class="col-sm-3 offset-sm-1">
- <h5># of users: <span class="text-truncate" id="usersNumber">10</span></h5>
- <form class="form-inline">
- <button class="btn btn-success mr-sm-2">Using</button>
- <button class="btn btn-danger disabled" disabled>Not Using</button>
- </form>
- </div>
- </div>
- </div>
- <!-- Discord -->
- <div class="tab-pane fade" id="pills-discord" role="tabpanel" aria-labelledby="pills-contact-tab">
- <div class="container">
- <div class="media">
- <img class="align-self-center mr-5" src="Media/100x100.png"/>
- <div class="media-body">
- <dl class="row">
- <dt class="col-sm-3">Program Name</dt>
- <dd class="col-sm-9">Discord</dd>
- <dt class="col-sm-3">Website</dt>
- <dd class="col-sm-9">
- <a href="https://discordapp.com/" target="_blank">https://discordapp.com/</a>
- </dd>
- </dl>
- </div>
- </div>
- </div>
- <div class="row container">
- <div class="col-sm-8">
- <h4>General Info</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- <h4>Who Should Use?</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel tincidunt elit, ornare porta metus. Curabitur consequat tempor gravida. Mauris ut facilisis quam, vel gravida odio. Etiam sollicitudin est a imperdiet pretium. Nulla commodo velit lectus, faucibus faucibus mauris condimentum quis. Fusce sed faucibus neque. Integer elementum non risus a elementum.</p>
- </div>
- <div class="col-sm-3 offset-sm-1">
- <h5># of users: <span class="text-truncate" id="usersNumber">10</span></h5>
- <form class="form-inline">
- <button class="btn btn-success mr-sm-2">Using</button>
- <button class="btn btn-danger disabled" disabled>Not Using</button>
- </form>
- </div>
- </div>
- </div>
- </div>
- </asp:Content>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement