xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">6
<meta http-equiv="x-ua-compatible" content="ie=edge">7
<title>CWC Tools :: BeatSeller</title>8
<!-- MDB icon -->9
<link rel="icon" href="img/favicon.ico" type="image/x-icon">10
<!-- Font Awesome -->11
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">12
<!-- Google Fonts Roboto -->13
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">14
<!-- Bootstrap core CSS -->15
<link rel="stylesheet" href="css/bootstrap.min.css">16
<!-- Material Design Bootstrap -->17
<link rel="stylesheet" href="css/mdb.min.css">18
<!-- Your custom styles (optional) -->19
<link rel="stylesheet" href="css/style.css">20
</head>21
22
<body class="fixed-sn">23
24
<!--Double navigation-->25
<header>26
<!-- Sidebar navigation -->27
<div id="slide-out" class="side-nav fixed elegant-color">28
<ul class="custom-scrollbar">29
<!-- Logo -->30
<li>31
<div class="logo-wrapper waves-light">32
<a href="#"><img src="img/logo-sized-light.png" class="img-fluid flex-center"></a>33
</div>34
</li>35
<!--/. Logo -->36
<!--Social-->37
<li>38
<ul class="social">39
<li><a href="#" class="icons-sm fb-ic"><i class="fab fa-facebook-f"> </i></a></li>40
<li><a href="#" class="icons-sm pin-ic"><i class="fab fa-pinterest"> </i></a></li>41
<li><a href="#" class="icons-sm gplus-ic"><i class="fab fa-google-plus-g"> </i></a></li>42
<li><a href="#" class="icons-sm tw-ic"><i class="fab fa-twitter"> </i></a></li>43
</ul>44
</li>45
<!--/Social-->46
<!-- Side navigation links -->47
<li>48
<ul class="collapsible collapsible-accordion">49
<li><a class="collapsible-header waves-effect arrow-r active" href="#welcome-block"><i class="fas fa-home fa-fw"></i> Welcome</a></li>50
<li><a class="collapsible-header waves-effect arrow-r" href="#accordion-block"><i class="fas fa-stream fa-fw"></i> Accordion</a></li>51
<li><a class="collapsible-header waves-effect arrow-r" href="#info-block"><i class="fas fa-info-circle fa-fw"></i> Informations</a></li>52
<li><a class="collapsible-header waves-effect arrow-r" href="#gallery-block"><i class="fas fa-images fa-fw"></i> Gallery</a></li>53
<li><a class="collapsible-header waves-effect arrow-r" href="#infoimg-block"><i class="fas fa-book fa-fw"></i> Informations with Images</a></li>54
<li><a class="collapsible-header waves-effect arrow-r" href="#plans-block"><i class="fas fa-file-invoice-dollar fa-fw"></i> Services Plans</a></li>55
<li><a class="collapsible-header waves-effect arrow-r" href="#progress-block"><i class="fas fa-chart-bar fa-fw"></i> Progress</a></li>56
<li><a class="collapsible-header waves-effect arrow-r" href="#contact-block"><i class="far fa-address-book fa-fw"></i> Contact Form</a></li>57
</ul>58
</li>59
<!--/. Side navigation links -->60
</ul>61
<div class="sidenav-bg mask-strong"></div>62
</div>63
<!--/. Sidebar navigation -->64
<!-- Navbar -->65
<nav class="navbar navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav navbar-dark elegant-color-dark white-text">66
<!-- SideNav slide-out button -->67
<div class="float-left">68
<a href="#" data-activates="slide-out" class="button-collapse"><i class="fas fa-bars"></i></a>69
</div>70
<!-- Breadcrumb-->71
<div class="breadcrumb-dn mr-auto">72
<p class="font-weight-bold text-uppercase">Welcome on BeatSeller</p>73
</div>74
<ul class="nav navbar-nav nav-flex-icons ml-auto">75
<li class="nav-item">76
<a class="nav-link"><i class="fas fa-envelope"></i> <span class="clearfix d-none d-sm-inline-block">Contact</span></a>77
</li>78
<li class="nav-item">79
<a class="nav-link"><i class="far fa-comments"></i> <span class="clearfix d-none d-sm-inline-block">Support</span></a>80
</li>81
<li class="nav-item">82
<a class="nav-link"><i class="fas fa-user"></i> <span class="clearfix d-none d-sm-inline-block">Account</span></a>83
</li>84
<li class="nav-item dropdown">85
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"86
aria-haspopup="true" aria-expanded="false">87
Dropdown88
</a>89
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">90
<a class="dropdown-item" href="#">Action</a>91
<a class="dropdown-item" href="#">Another action</a>92
<a class="dropdown-item" href="#">Something else here</a>93
</div>94
</li>95
</ul>96
</nav>97
<!-- /.Navbar -->98
</header>99
100
<main>101
<section id="welcome-block">102
<div class="container-fluid">103
<div class="jumbotron card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Others/gradient1.jpg);">104
<div class="text-white text-center py-5 px-4">105
<div>106
<h2 class="card-title h1-responsive pt-3 mb-5 font-bold"><strong>Create your beautiful website with MDBootstrap</strong></h2>107
<p class="mx-5 mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem,108
optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum!109
</p>110
<a class="btn btn-outline-white btn-md"><i class="fas fa-clone left"></i> View project</a>111
</div>112
</div>113
</div>114
</div>115
</section>116
<section id=""></section>117
<section id=""></section>118
<section id=""></section>119
<section id=""></section>120
<section id=""></section>121
<section id=""></section>122
</main>123
124
<footer>125
126
</footer>127
128
<!-- jQuery -->129
<script type="text/javascript" src="js/jquery.min.js"></script>130
<!-- Bootstrap tooltips -->131
<script type="text/javascript" src="js/popper.min.js"></script>132
<!-- Bootstrap core JavaScript -->133
<script type="text/javascript" src="js/bootstrap.min.js"></script>134
<!-- MDB core JavaScript -->135
<script type="text/javascript" src="js/mdb.min.js"></script>136
<!-- Your custom scripts (optional) -->137
<script type="text/javascript"></script>138
139
</body>140
</html>141
1
1
1
1
Console errors: 0