aarthirocks.github.io/single-work-html-react.html at main · aarthirocks/aarthirocks.github.io · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Aarthi Anbalagan | Portfolio</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!--bootstrap css-->
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!--custom css-->
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <!--flex slider css-->
        <link href="css/flexslider.css" rel="stylesheet">
        <!--google web fonts css-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
        <!--ion icons css-->
        <link href="icons/css/ionicons.min.css" rel="stylesheet">
        <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body data-spy="scroll" data-target="#navigation" data-offset="75">


             <section id="navigation">
            <div class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="main.html">Aarthi Anbalagan</a>
                    </div>
                    <div class="navbar-collapse collapse">

                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="main.html#home">Home</a></li>
                            <li><a href="main.html#about">About Me</a></li>
                            <li><a href="main.html#whatdo">What i do</a></li>
                            <li><a href="main.html#work">My Work</a></li>
                            <li><a href="main.html#contact">Contact</a></li>
                            <li><a href="http://aarthirockzz.blogspot.com/">Blog</a></li>
                        </ul>

                    </div><!--/.nav-collapse -->
                </div><!--/.container -->
            </div>
        </section><!--navigation section end here-->

        <section id="page-head-bg">
            <div class="container">
               <h1>HTML - react </h1>
            </div>
        </section><!--page-head bg end-->

        <section id="work-single" class="padding-80">
             <div class="container">
            <div class="row">
                <div class="col-md-12 margin-btm-40">
                    <h5><a href="main.html#work">Back to portfolio</a></h5><hr>
                </div>
            </div>


                 <div class="col-md-8 col-md-offset-2">
                     <h3>HTML - react </h3>
                     <p>

             React is basically one of my class assignment, wherein I have written a small website for a Tennis Fantasy League, wherein you can get to know more about the players, and about past predictions which was winning with higher probability.<br/><br/>

        Technologies used: Html5, css3, react.js and gulp. <br/><br/>

        Code can be shared on request<br/> <br />


        If you want to learn more about my interests, please email me at aarthi@brown.edu. <br/><br/>


                 </div>

        </div><!--work detail container-->
        </section>

              <footer id="footer" class="padding-50">
            <div class="container text-center">
                <h4><a href="main.html">Aarthi Anbalagan</a></h4>
                <p>&copy; Copyright 2017.</p>
            </div>
        </footer><!--footer-->
            <!--script files-->
           <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/jquery.easing.1.3.min.js" type="text/javascript"></script>
        <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/jquery.mixitup.min.js" type="text/javascript"></script>
        <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
        <script src="js/wow.min.js" type="text/javascript"></script>
        <script src="js/jquery.sticky.js" type="text/javascript"></script>
        <script src="js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
        <script src="js/jquery.stellar.min.js" type="text/javascript"></script>
        <!--new version v1.1 plugin-->
        <script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
        <script src="js/jquery.counterup.min.js" type="text/javascript"></script>
        <script src="js/custom.js" type="text/javascript"></script>

    </body>
</html>