GithubExplorerPhp/user.html at master · mufazmi/GithubExplorerPhp · 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
<!DOCTYPE html>
  <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"/>
    </head>

    <body bgcolor="#E5E5E5">

      <nav>
        <a href="#" class="brand-logo">Github Explorer</a>
      </nav>

      </div>
    <div class="row">
      <div class="col s12">
        <img src="img/bg.jpg" style="width:100%;" height="250px" alt="">
      </div>
        <div class="col s12 l3 m3" style="margin-top: -120px;">
            <div class="" style="padding:15px;">
              <div class="center">
                <img style="width: 180px; border:3px solid white" class=" circle responsive-img z-depth-1" src="img/mufazmi.jfif" alt="">
              </div>
                  <div class="card z-depth-0" style="border-radius: 50px; padding-top: 20px; padding-bottom: 20px;;">
                      <h5 class="center">Umair Farooqui</h5>

                      <div class="col s6 m6 l6">
                            <button class="btn"> 16 Followers</button>
                      </div>
                      <div class="col s6 m6 l6">
                        <button class="btn"> 16 Followings</button>
                      </div>
                        <br>
                        <br>
                      <div style="padding: 10px;">
                          <b>About Me</b>
                          <div class="divider"></div>
                          <p>A software engineering graduate who is sd challenging working environment.</p>
                          <b>Statics</b>
                          <div class="divider"></div>
                          <b>Location : &nbsp;&nbsp;</b>
                          <span>Mumbai</span>
                          <br>
                          <b>Company : &nbsp;&nbsp;</b>
                          <span>Social Codia</span>
                    </div>
                  </div>
                </div>
        </div>
        <div class="col s12 l9 m9">
          <div class="card">
            <div class="col s12">
              <div class="col s12">
                <ul class="tabs">
                  <li class="tab col s1"><a href="#about">About</a></li>
                  <li class="tab col s2"><a href="#projects">Projects</a></li>
                  <li class="tab col s2"><a class="active" href="#followers">Followers</a></li>
                  <li class="tab col s2"><a href="#followings">Followings</a></li>
                </ul>
              </div>
              <div id="about" class="col s12">
                <h5><i class="material-icons">person</i> About</h5>
                <div class="col s12 m12 l6" style="padding: 20px;">
                  <div class="col s5 m5 l5">
                    <b>Name</b>
                  </div>
                  <div class="col s7 m7 l7">
                    <span>Umair Farooqui</span>
                  </div>
                </div>
                <div class="col s12 m12 l6">

                </div>
              </div>
              <div id="projects" class="col s12">Projects</div>
              <div id="followers" class="col s12">
                <div class="col s6 m3 l2">
                  <div class="card z-depth-0" style="border-radius: 20px 20px 0px 0px; border-top: 10px solid black; border-right: 1px solid black; border-left: 1px solid black;">
                    <div class=""style="padding: 20px 20px 0px 20px;" >
                      <img style=" border: 3px solid black;" src="img/mufazmi.jfif" alt="" class="z-depth-1 circle responsive-img">
                    </div>
                    <b><p class="center" style="margin-top: 0px;">UmairFarooqui</p></b>
                    <div class="card-saction center">
                      <a href="#" class="btn black" style="width: 100%; ">More</a>
                    </div>
                  </div>
                </div>
              </div>
              <div id="followings" class="col s12">Followings</div>
            </div>
          </div>
        </div>
    </div>

      <script type="text/javascript" src="jquery-3.4.1.min.js"></script>
      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>
      <script>
        $(document).ready(function(){
        $('.tabs').tabs();
        });
      </script>
    </body>
  </html>