Skip to content

about #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
WNSBotheju wants to merge 4 commits into
base: master
Choose a base branch
from
Open

about #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
5e4458d
Add files via upload
WNSBotheju Jan 20, 2020
a5a6734
Add files via upload
WNSBotheju Jan 20, 2020
e755ec4
Update README.md
WNSBotheju Feb 21, 2021
7ec2570
Update README.md
WNSBotheju Feb 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
# cupcake
this is a creating a cakes
# Break Free
This is a web site of the Band in Sri Lanka.
132 changes: 132 additions & 0 deletions about.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
*{
margin:0;
padding:0;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color:black;
}
#navi{
width: 100%;
height: 25vh;
background-color: gray;
}


nav{
width: 100%;
height: 100px;
background-color: #fff7;
/*opacity: 0.9;*/
line-height: 100px;
}

nav ul{
float: right;
margin-right: 70px;

}

nav ul li{
list-style-type: none;
display: inline-block;
}

nav ul li:hover{
background-color:skyblue;

}

nav ul li a{
text-decoration: none;
color:white;
padding: 20px;
}
nav img{
margin-left: 80;
margin-top: 0;
}

body{
background-image: url(aa.jpg);
background-attachment: fixed;
}

table, th, td{
width: 80%;
margin: auto;
border: 2px solid black;
border-collapse: collapse;
text-align: center;
font-size: 30px;
table-layout: fixed;
background:rgba(26, 128, 0, 0.295);
opacity: 0.5;
color:black;
margin-top: 100px;
}

th, td{
padding: 10px;
opacity: 0.9;

}

h1{
font-size: 3em;
color:rgb(255, 255, 255);
text-align: left;
margin-top: 6vh;
font-weight: normal;
width:400px;
height: 70px;
background-color: #000000;
opacity: .45;

}

h2{
font-size: 4em;
text-align: center;
}

.img{
width: 50px;
height: 50px;
text-align: center;

}

.footer-main-div{
width: 100%;
height: auto;
margin: auto;
background: #272727;
padding: 0px;
}
.footer-social-icons{
widows: 100%;
height: 130px;
margin: auto;

}
.footer-social-icons ul{
margin: -70px;
padding: 0px;
text-align: center;
}
.footer-social-icons ul li{
display: inline-block;
width: 50px;
height: 50px;
margin: 0px 5px;
background: #33CAFF;
border-radius: 50%;
}

.footer-social-icons ul li a{
color: #272727;
font-size: 25px;
}
.footer-social-icons ul li a i{
line-height: 50px;
}

94 changes: 94 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<html>
<head>
<title>Band Free 2</title>
<link rel="stylesheet" type="text/css" href="about.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div id="navi">
<nav>
<img src="Logo.png" width="120" height="110">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Gallery.html">Gallery</a></li>
<li><a href="Videos.html">Videos</a></li>
<li><a href="Events.html">Events</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</nav>

</div>
<br><br>
<section >
<h2 >About Us</h2><br><br>
<p>We are a group of music enthusiasts dabbling in all forms music mainly focusing on Alternative Rock. Driven by the thirst of creating and nourishing Sri Lankan rock and reggae culture, Breakfree is not your typical college-dropout rock band. Through our shared passion in experimental music, we hope to bring to light only the best performances. It is all about feeling glad that you’re alive. And if we could make people feel that, see them give in and Breakfree of their inhibitions to enjoy life through our music-then we win.
Our philosophy and values both when it comes to music and life revolves around one word:Breakfree. Why? Because we live far too short lives to do anything but take chances, live a life worth remembering. And what better a combination could one ask for other than good music, good company and a feeling that binds us all together…freedom.
Live your life free from shackles that bind you to a monotonous, plain life. Why be basic when you can be so much more…
Just. Breakfree.

</p><br><br>
<img src="gf.jpg">
<br>
<br>
</section>
<h2>Our Band Members</h2>
<table border="1" >
<tr>
<th>Name Of The Member</th>
<th>Name Of The Instrument</th>
</tr>
<tr>
<td> Navindu Panabokka</td>
<td>Main Vocalist</td>
</tr>
<tr>
<td>Tania Melanie</td>
<td>Female Vocalist</td>
</tr>
<tr>
<td>Osanda Wijekoon</td>
<td>violin</td>
</tr>
<tr>
<td>Osanda Wijekoon</td>
<td>Backing Vocalist</td>
</tr>
<tr>
<td> Ravindu Weerappuli</td>
<td>Drummer</td>
</tr>
<tr>
<td>Jihan Balachandra</td>
<td>Lead Guitarist</td>
</tr>
<tr>
<td>Yanuka Deneth</td>
<td>Bassist</td>
</tr>
<tr>
<td> Hemaka Seneviratne</td>
<td>Guitarist</td>
</tr>
<tr>
<td>Vibuda Thisuraka</td>
<td>Keyboardist</td>
</tr>
</table>
<br><br>
<footer class="footer-main-div">
<div class="footer-social-icons">
<h1>BREAK FREE</h1><br><br>
<ul>
<li><a href="https://www.facebook.com" target="blank"><i class="fa fa-facebook" aria-hidden="true"></i></li>
<li><a href="https://www.instagram.com" target="blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="https://www.google.com/search?q=twitter&rlz=1C1CHZL_enLK838LK838&oq=twitter&aqs=chrome..69i57j69i60.6407j0j7&sourceid=chrome&ie=UTF-8" target="blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="https://www.google.com/search?rlz=1C1CHZL_enLK838LK838&sxsrf=ACYBGNSThrZbcxbVNMJTcpfzRivgDmnmyQ%3A1579148886116&ei=VuYfXrXSBo-wrQH0_7_YBA&q=break+free+band&oq=break+free+band&gs_l=psy-ab.3..0l2j0i22i30j0i22i10i30j0i22i30l6.1254.1254..2638...0.2..0.191.191.0j1......0....1..gws-wiz.......0i71.zQPBqafzC3g&ved=0ahUKEwi11Z2DpIfnAhUPWCsKHfT_D0sQ4dUDCAs&uact=5" target="blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>

</div>
</footer>
</body>
</html>