git_workshop_IEEE/index.html at master · KrishanuDevSarma/git_workshop_IEEE · 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
<!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>IEEE Git Workshop</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
        crossorigin="anonymous">
</head>

<body>
    <div ng-app="ieee_git" ng-controller="myController">
        <section>
            <div id="first">
                <img id="ieee" src="./assets/ieee.png">
                <img id="tu" src="./assets/tu-logo.png">
                <img id="github-logo" src="./assets/gh-logo.png">
                <h2 id="gplus">Git+ GitHub</h2>
                <h2 id="gwksp">Workshop</h2>
                <h2 id="dandt">24th Sept. 2018</h2>
            </div>
        </section>

        <section>
            <div id="second">
                <h1 class="part">MENTORS</h1>
                <div class="row">
                    <div data-ng-repeat="mentor in mentors" class="col s3">
                        <div class="maincontainer">
                            <div class="thecard">
                                <div class="thefront">
                                    <img class="card-image" src={{mentor.photo}}>
                                    <hr>
                                    <h4 class="name">{{mentor.name}}</h4>
                                </div>
                                <div class="theback">
                                    <p>{{mentor.message}}</p>
                                    <div class="row" style="margin-left: 25px; position: absolute;bottom: 10px;">
                                        <div class="col s3 icons">
                                            <a href=""> <i class="fab fa-github fa-3x" style="color:white;"></i></a>
                                        </div>
                                        <div class="col s3 icons">
                                            <a href=""> <i class="fab fa-facebook fa-3x" style="color:white;"></i></a>
                                        </div>
                                        <div class="col s3 icons">
                                            <a href=""> <i class="fas fa-envelope-square fa-3x" style="color:white;"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <h1 class="part">PARTICIPANTS</h1>
                <div class="row">
                    <div data-ng-repeat="participant in participants" class="col s3">
                        <div class="maincontainer">
                            <div class="thecard">
                                <div class="thefront">
                                    <img class="card-image" src={{participant.photo}}>
                                    <hr>
                                    <h4 class="name">{{participant.name}}</h4>
                                </div>
                                <div class="theback">
                                    <p>{{participant.message}}</p>
                                    <div class="row">
                                        <div class="col s3"><a href=""><i class="fab fa-github fa-3x" style="color:black;"></i></a></div>
                                        <div class="col s3"><a href=""> <i class="fab fa-facebook fa-3x" style="color:black;"></i></a></div>
                                        <div class="col s3"><a href=""> <i class="fas fa-envelope-square fa-3x" style="color:black;"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</body>
<script>
    var app = angular.module('ieee_git', []);
    app.controller('myController', function ($scope) {
        $scope.name = "Nitya";
        $scope.mentors = [
            {
                name: "Nityananda Gohain",
                photo: "https://avatars0.githubusercontent.com/u/26831659?s=460&v=4",
                message: "Hi, I love contributing to open source projects.",
            },
            {
                name: "Adirtha Borgohain",
                photo: "https://avatars1.githubusercontent.com/u/32612696?s=400&v=4",
                message: "Hi! I am ready to merge! are you?",
            },
            {
                name: "Sourish Sarmah",
                photo: "https://avatars2.githubusercontent.com/u/35569202?s=400&v=4",
                message: "Hi! I am ready to commit! are you ?"
            }
        ];

        $scope.participants = [
            {
                name: "",
                photo: "",
                message: "",
                github: "",
                facebook: "",
                email: "",
            },
        ];
    });
</script>

</html>