This repository has been archived by the owner on Oct 18, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 16
/
aboutus.html
112 lines (106 loc) · 3.87 KB
/
aboutus.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/topbar.css">
<meta charset="utf-8">
<title>BlockChat</title>
<style>
html {
background: url(images/about-bg.jpg) no-repeat center center fixed;
background-size: cover;
}
#main {
display: flex;
flex-direction: row;
flex: 1;
font-size: larger;
font-family: "Courier New", Courier, monospace;
color: aliceblue;
text-shadow: 1px 1px black;
background: #00000085;
}
div.left {
flex: 1 0 40%;
/* background-color: hsl(239, 100%, 68%); */
overflow: auto;
padding: 20px;
}
div.right {
flex: 1 0 40%;
/* background-color: #ffffff; */
display: flex;
flex-flow: column nowrap;
padding: 20px;
}
div.email {
display: flex;
padding-bottom: 10px;
padding-top: 5px;
}
</style>
<link rel="stylesheet" href="css/username_dropdown.css">
</head>
<body>
<div id="maincontainer">
<ul id="topbar">
<li id="topbartitle">
<a href="index.php">Blockchat</a>
</li>
<li id="topbarlink" class="dropbtn dropdown">
<a href="profilepage.php" id="username_topbar">Username</a>
<div class="dropdown-content">
<a href="logout.php" style="text-align: left;">Logout</a>
</div>
</li>
<li id="topbarlink">
<a class="active" href="aboutus.php">About Us</a>
</li>
<li id="topbarlink">
<a href="chatpage.php">Chat</a>
</li>
<li id="topbarlink">
<a href="transfer.php">Transfer</a>
</li>
</ul>
<div id="main" style="margin-top: 35px;">
<div class="column left">
<h1>About Blockchat</h1>
<p>
BlockChat is a blockchain based chat
application which keeps your chats secure and
safe. Messages are stored in the form of
blocks in multiple blockchains so that you
never lose your messages.
A virtual currency called Coins are used to
send messages. Coins can be transferred to
other people but cannot be exchanged for real
life currencies. You can earn coins by
helping mine blocks. Miners help the
application run by mining blocks of messages
to be added to the blockchain. Mining is a
resource intensive task that involves
calculating the hash of a block.
</p>
</div>
<div class="column right">
<h1>Contact Us</h1>
<!-- <p> -->
For support contact us at<br>
<div class="email">
<img src="images/e-mail.png" height="20px"> [email protected]
</div>
<br>
For other purposes contact us at<br>
<div class="email">
<img src="images/e-mail.png" height="20px"> [email protected]
</div>
<!-- </p> -->
</div>
</div>
</div>
<script>
topbar = document.getElementById("topbar");
var contentPlacement = topbar.getBoundingClientRect().top + topbar.offsetHeight;
document.getElementById("main").style["margin-top"] = contentPlacement + "px";
</script>
</body></html>