-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
153 lines (109 loc) · 5.18 KB
/
index.php
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link type="text/css" rel="stylesheet" href="style.css">
<link type="text/css" rel="stylesheet" href="style1.css">
</head>
</head>
<body style="background-color: black;")>
<div class="header">
<video autoplay loop class="bvideo" muted plays-inline>
<source src="vid2.mp4" type="video/mp4">
</video>
<nav>
<img src="logoo.png" class="logo">
<ul class="nav-links">
<li><a href="index.php">Home</a></li>
<li><a href="tool.php">Tools</a></li>
<li><a href="browse1.php">Browse(VISUALIZATION)</a></li>
<li><a href="search.php">Search</a></li>
<li><a href="wiki.php">Wiki Help</a></li>
</ul>
</nav>
<div class="container1">
<div class="col">
<h1> CRISPR DATABASE</h1>
<p>CRISPR which stands for Clustered-Regularly Interspaced Short Palindromic Repeats and its
associated (Cas) protein (CRISPR/Cas) form the base for gene editing.</p>
</div>
</div>
</div>
<hr>
<br>
<hr>
<div class="section">
<p> This website is integrated with CRISPRCAN which is a manually curated database of cancer and crispr screens. The main motive behind this database is to create a platform where you can easily
associate cancer and its respective CRISPR/Cas9 gene. With the drastic benefits of the gene
editing tool, the application of it increases. This database aims to provide a detailed enclosure
on related topics in one area. Unlike the existing databases, CANCRISPR provides integrated
cancer information with the gene involved. The target site, cancer type, phenotype observed,
analysis type, etc are associated to a specific gene. </p>
</div>
<hr>
<br>
<hr>
<div class="container" style="background-color: black;">
<div class="class">
<div class="row">
<div class="card1">
<div class="box">
<div class="content">
<h2>01</h2>
<h3>DATABASE</h3>
<p>This database aims to provide a detailed enclosure on related topics in one area.
Unlike the existing databases, CANCRISPR provides integrated cancer information with the gene involved. This section displays raw data without filtration in a table format. </p>
<a href="index.php"> Explore</a>
</div>
</div>
</div>
<div class="card1">
<div class="box">
<div class="content">
<h2>02</h2>
<h3>BROWSE</h3>
<p> Browse section intents to explore the database without knowing the specific data. Through a dounghut chart, the cancer organs percentage is represented. The horizontal stacked bargraph represents the analysis against the cell lines. </p>
<a href="browse1.php"> Explore</a>
</div>
</div>
</div>
<div class="card1">
<div class="box">
<div class="content">
<h2>03</h2>
<h3>SEARCH</h3>
<p>Data can be searched by inputing keywords like methods, cell line or any other attribute. It would result in the display of a table corresponding to the keyword. In additon, a button is provided for more information on that crispr screening. </p>
<a href="search.php"> Explore</a>
</div>
</div>
</div>
<div class="card1">
<div class="box">
<div class="content">
<h2>04</h2>
<h3>TOOLS</h3>
<p> Crispr associated tools are included in the card display which provide a brief description and use of the tool with redirecting link.
The tools are CHOPCHOP, CAS-OFFINDER, GUIDEScan, GUIDEMARKER, CRISPRdirect, and VARSCOT. </p>
<a href="tool.php"> Explore</a>
</div>
</div>
</div>
<div class="card1">
<div class="box">
<div class="content">
<h2>05</h2>
<h3>WIKI HELP</h3>
<p> This section provides an explanation of the contents of the website and its uses. It also contains an explantion of cripr related information. </p>
<a href="wiki.php"> Explore</a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>