internship-project/testnotes.php at master · vikasdo/internship-project · GitHub

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
<!DOCTYPE html>

<html>
<head>
	<?php
include 'header.php';
?>
	<title>notes </title>
	<style>
		body{
			margin: 0;
			padding: 0;
			font-family: sans-serif;
			background-color: rgba(123,2,3,0.4);

		}
		.container{
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
		.container .box .imgbox {
        position: relative;

        background:#ff0;
        box-sizing: border-box;
        display: inline-block;
          margin: 5px;
         transition: transform 2s;
         overflow: hidden;
         background-size: contain;

		}

		.container .box .imgbox img{
        position: relative;
        width:400px;
        height: 400px;
      transition: transform 2s;


		}
		.container .box:hover .imgbox img{

        transform:scale(1.1);
		overflow: hidden;

		}
		.container .box .details{
			position: absolute;
			width:100%;
			top:10px;
			left:10px;
			color: white;

            transform:scaleY(0);
            transition: transform 2s;
		}
			.container .box .details a{
			display: block;
			color: white;

		}
		.container .box:hover .details{
             transform: scaleY(1);
		}
	</style>
</head>
<body>
	<ul class="pagination">
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
</ul>
<br>
<div class="container">

	<div class="box">
			<a href="db.php?show=assignment">
         <div class="imgbox">
         <img src="images/cat.jpg">
             <div class="details">
				<a href="db.php?show=assignment"><h1>Assignments</h1></a>

			</div>
         </div>
	</div>
	<div class="box">
         <div class="imgbox">
         	<a href="db.php?show=studymaterial">
			<img src="images/cat1.jpg">
			<div class="details">
				<a href="db.php?show=studymaterial"><h1>Study materials</h1></a>

			</div>
         </div>
	</div>
	<div class="box">
         <div class="imgbox">
         	<a href="db.php?show=notes">
         <img src="images/cat3.jpg">
         <div class="details ">
				<a href="db.php?show=notes"><h1>notes</h1>

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