HNGFun/Rex.php at master · HNGInternship/HNGFun · 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
114
115
116
117

<?php

require_once 'db.php';

//query to select intern data
    $userrow = "SELECT * FROM interns_data WHERE username='Rex'" ;
    $q = $conn->query($userrow);
    $q->setFetchMode(PDO::FETCH_ASSOC);
    $data = $q->fetch();
    $name=$data['name'];
    $username=$data['username'];
    $image_file=$data['image_filename'];


//query to get secret word
    $word = "SELECT * FROM secret_word" ;
    $q = $conn->query($word);
    $q->setFetchMode(PDO::FETCH_ASSOC);
    $data = $q->fetch();
    $secret_word=$data['secret_word'];


?>


<!DOCTYPE html>
<html lang="en-US">
<head>
	<title>HNG_FUN</title>
    <meta charset="UTF-8">
	<meta name="description" content="HNG4.0 Stage3 Task">
	<meta name="keywords" content="HTML,CSS,PHP">
	<meta name="author" content="Abdulhafiz Ahmed (@Rex)">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<style type="text/css">
    body{
        font-family: 'Open Sans', sans-serif;
        background: url("http://res.cloudinary.com/rexdavinci/image/upload/v1525635316/nature_crash____free_texture___background_by_supersweetstock-d5he0bx.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-repeat: no-repeat;

    }
    /*Box for image and data*/.
    .image{
      position: absolute;
      height: 475px;
      width: 325px;
      border-radius: 4px;
      border: solid coral;
    }
    .container {
    width: 350px;
    height: 700px;

    }
    .container img {
    width: 100%;
    border: solid 4px coral;
    height: auto;
    margin: 70px 0 0 0;

    }
    .Wordings{
        position: absolute;
        font-family: "Helvetica";
        text-align: center;
        top: 200px;
        margin-left: 850px;
    }
    .name{
        font-size: 23px;
    }
    .Description{

        font-size: 18px;
    }
    .box{
        position: absolute;
        margin-left: 645px;
        top: 510px;
        height: 200px;
        width: 700px;
        text-decoration: none;
        display: block;
    }


</style>
</head>
<body>
    <div class="container">
        <img src="<?php echo $image_file ?>">
    </div>
    <div class="Wordings">
        <p style="font-weight:bold" class="name"><?php echo $name?></p>
        <p class="Desription">(HNG4 Intern)</p>

    </div>
    <div class="box">

    <a href="https://twitter.com/realrexdavinci"><i class="fa fa-twitter fa-2x"></i></a>
    <a href="https://web.facebook.com/abdhafizahmed"><i class="fa fa-facebook fa-2x"></i></a>
    <a href="https://github.com/rexdavinci"><i class="fa fa-github-alt fa-2x"></i></a>
    <a href="https://facebook.com/abdhafizahmed"><i class="fa facebook-square fa-2x"></i></a>
    </div>

</body>


</html