Commit 34926ea9 authored by Anna Sidorova's avatar Anna Sidorova

Merge branch 'main-page' into 'master'

main page

See merge request !15
parents e3bb705c ba31d7cd
li {
color: #0077c1;
height: 75px
}
@media only screen and (min-width: 900px) {
li {
color: #0077c1;
}
}
img {
}
div.card{
border-radius: 30px 30px 10px 10px
}
div.card-footer{
border-radius: 0 0 10px 10px
}
div.row {
margin-right: 20px;
margin-left: 20px;
}
div.card-footer {
background-color: #0077c1;
text-align: right
}
h4,p {
color: white;
}
div.card-block {
text-align: center;
}
a {
width: 110px;
}
\ No newline at end of file
<h1>The Main Page</h1>
<h3>There will be a description of our project</h3>
\ No newline at end of file
<div class="row">
<div class="col-xs-6" >
<div class="card" id="left" >
<div class="card-img" >
<img id="first" style="border-radius: 30px 30px 0 0; max-height: 300px" src="assets/images/left.jpg">
</div>
<div class="card-block" style="background-color: #0077c1">
<h4 class="card-title">Physical links</h4>
<p class="card-text">
Look utilization on your real physical links in your network!
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="color: #0077c1">1) Select link from the table.</li>
<li class="list-group-item">2) Watch utilization.</li>
<li class="list-group-item">3) Don't be afraid of departing. We have notifications.</li>
</ul>
<div class="card-footer">
<a href="#" [routerLink]="['/settings']" class="btn btn-inverse">
<clr-icon shape="play" class="is-solid"></clr-icon>
Start
</a>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="card">
<div class="card-img" >
<img style="border-radius: 30px 30px 0 0; max-height: 300px;" src="assets/images/right.jpg">
</div>
<div class="card-block" style="background-color: #0077c1" >
<h4 class="card-title">Logical links</h4>
<p class="card-text">
Look utilization between any two hosts in your network!
</p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">1) Select IP-source and IP-destination.</li>
<li class="list-group-item">2) Watch utilization.</li>
<li class="list-group-item">3) Get notifications about high utilization.</li>
</ul>
<div class="card-footer">
<a href="#" [routerLink]="['/netflow']" class="btn btn-inverse">
<clr-icon shape="play" class="is-solid"></clr-icon>
Start</a>
</div>
</div>
</div>
</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment