musdev-old-fe/member.html at master · Muslim-Software-Developers/musdev-old-fe · 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Members</title>
        <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> -->
        <link rel="stylesheet" href="css/bootstrapcss/bootstrap.min.css">
        <link rel="stylesheet" href="css/custom.css">
        <link rel="stylesheet" href="css/custom_2.css">
        <link rel="stylesheet" href="css/joinUs.css">

        <link rel="stylesheet" href="css/fontawesome5/css/all.min.css">
    </head>
    <body>
        <div class="container-fluid">
            <!-- header section starts here -->
            <nav class="row navbar navbar-expand-md navbar-light bg-light">
                <a class="col-3 navbar-brand pl-5" href="index.html">
                    <img src="images/header_logo.png" alt="logo-img">
                </a>
                <button class="navbar-toggler nav-btn" type="button" data-toggle="collapse" data-target="#menu-items">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="col-9 collapse navbar-collapse" id="menu-items">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link list-item" href="about.html"> About Us </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link list-item" href="team.html"> The Team </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link list-item" href="member.html"> Become A Member </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link list-item" href="contact.html"> Contact </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link list-item" href="login.html"> Login </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link btn btn-danger" href="#" role="button" id="support-btn"> Support us </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <!-- header section ends here -->

      <!-- main body section here -->
      <main class="bgImage">
        <img src="images/bg2.png" class="myimg" alt="images" id="bgImgPlai" width="100%">

            <div class="row landingPage">
                <div class="col-lg-6 bg-txt">
                    <p id="codingText"> Join our community of halal coding :)</p>
                </div>
                <div class="col-lg-6 form">
                    <div class="mediaOne">
                        <h5>Sign up with</h5>
                            <div class="media-new">
                                <a class="icon" href="#">
                                    <img src="images/git.png" alt="facebook" width="25px" height="25px">
                                </a>

                                <a class="icon" href="#">
                                    <img src="images/link.png" alt="linkedin" width="25px" height="25px">
                                </a>

                                <a class="icon" href="#">
                                    <img src="images/twitter.png" alt="twitter" width="25px" height="25px">
                                </a>

                            </div>
                    </div>
                    <div class="form-group">
                      <label for="" class="signup">
                          Or sign up with your email
                      </label>
                        <input type="text" class="form-control" name="name" id="name" aria-describedby="helpId" placeholder="Name">
                      <input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelpId" placeholder="Email">
                      <input type="password" class="form-control" name="password" id="password" aria-describedby="emailHelpId" placeholder="Password">
                      <a name="Sign Up" id="Sbutton" class="btn btn-primary" href="#" role="button">Sign Up</a>
                      <p id="emailHelpId" class="form-text ">Alread have an account?<a href="#" class="login"> Log in</a></p>
                    </div>
                </div>
            </div>

    </main>
        <!-- body section ends -->

        <!-- footer here -->
        <footer class="container-fluid" id="footer">
            <div class="row">
                <div class="col-sm-2 col-md-4 col-lg-3" id="img-foot">
                    <a href="index.html"> <img src="images/footer_logo1.png" alt="image" id="footer-img"> </a>
                </div>
                <div class="col-sm-7 col-md-5 col-lg-6 touch">
                    <div class="row">
                        <div class="col-12" id="in-touch"> Stay in touch</div>
                        <div class="col-12 pt-4 icons">
                            <a href="telegram.musdev.org" title="Connect to telegram"> <i class="fab fa-telegram"></i> </a>
                            <a href=" slack.musdev.org" title="Join us on slack"> <i class="fab fa-slack"></i> </a>
                            <a href="https://www.facebook.com/groups/607846749339376/" title="Connect with us on Facebook"> <i class="fab fa-facebook-square"></i> </a>
                        </div>
                        <div class="col-12 pt-4" id="copyright"> &copy; 2019 Musdev Developers Community, Africa </div>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3  col-lg-3 links foot">
                    <ul class="footer-list">
                        <li> <a href="team.html"> The Team </a> </li>
                        <li> <a href="member.html"> Become A Member </a> </li>
                        <li> <a href="#meetup-news"> Meetups </a> </li>
                        <li> <a href="contact.html"> Contact Us </a> </li>
                        <li> <a href="login.html"> Log in </a> </li>
                    </ul>
                </div>
            </div>
        </footer>

        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/leaders.js"></script>
        <script src="js/bootstrapjs/bootstrap.min.js"></script>
        <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" ></script> -->
    </body>
</html>