QUtopiaProject/Profile.aspx at main · BasakAHLAT/QUtopiaProject · 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
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Profile.aspx.cs" Inherits="QUtopiaProject.Profile" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
         body {
            background: #f6f5f7;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-family: 'Montserrat', sans-serif;
            height: 100vh;
            margin: -20px 0 50px;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(https://images.pexels.com/photos/2002719/pexels-photo-2002719.jpeg?auto=compress&cs=tinysrgb&w=1800&h=1800&dpr=1)

        }
        .btn {
            /*background-color: #ff6a00;*/
            background-color: lightpink;
            color: black;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            cursor: pointer;
            width: 60%;
        }

        .frmalg {
            margin: auto;
            width: 40%;
            /*background-color:lightgrey;*/
        }

    </style>
</head>
<body>
    <form id="form1" runat="server" class="auto-style2">
        <div>

            <center>
                <h3>QUTOPIA PROJECT</h3>
                <style>
                    body
                    {
                        font: bold 12px;
                    }
                    .auto-style1 {
                        width: 250px;
                    }
                    .auto-style2 {
                        margin: auto;
                        width: 40%;
                        height: 357px;
                    }
                    .auto-style4 {
                        margin-left: 0px;
                    }
                </style>

        <div>
            <table class="auto-style4">
                <tr>
                    <td class="auto-style1">
                        <asp:Label ID="UserIDLabel" runat="server"></asp:Label>
                    </td>
                    <td class="auto-style1">
                        <asp:Button ID="QuestionsButton" runat="server" CssClass="btn" Text="Questions" OnClick="QuestionsButton_Click" />
                    </td>
                </tr>
                <tr>
                    <td class="auto-style1">
                        <asp:Label ID="NameLabel" runat="server"></asp:Label>
                    </td>
                    <td class="auto-style1">
                        <asp:Button ID="QuizzesButton" runat="server" CssClass="btn" Text="Quizzes" OnClick="QuizzesButton_Click" />
                    </td>
                </tr>
                <tr>
                    <td class="auto-style1">
                        <asp:Label ID="EMailLabel" runat="server"></asp:Label>
                    </td>
                    <td class="auto-style1">
                        <asp:Button ID="TakeTheQuizButton" runat="server" CssClass="btn" Text="Take The Quiz" OnClick="TakeTheQuizButton_Click" />
                    </td>
                </tr>
                <tr>
                    <td class="auto-style1">
                        <asp:Label ID="PhoneLabel" runat="server"></asp:Label>
                    </td>
                    <td class="auto-style1">
                        <asp:Button ID="QuizzesTakenButton" runat="server" CssClass="btn" Text="Quizzes Taken" OnClick="QuizzesTakenButton_Click" />
                    </td>
                </tr>
                </table>
        </div>
        <p>
            &nbsp;</p>
        <p>
            &nbsp;</p>
        <p>
            &nbsp;</p>
            </div>
        </center>
    </form>
</body>
</html>