Jutsu/about.php at main · TheLastCS/Jutsu · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Jutsu || About</title>
    <!-- Head -->
    <?php include "head.php";?>


    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
    <link rel='stylesheet' href='css/admin.css'>
</style>
</head>

<body>
    <div class="page-wrapper default-theme sidebar-bg bg1 toggled">
         <!-- navbar -->
        <?php include "navbar.php";?>


        <!-- page-content  -->
        <main class="page-content pt-2 neumorphic3">
            <div id="overlay" class="overlay"></div>
            <div class="container" >

              <div class="tryme"><h1>What is<img src="image/logo3.png" style="width: 25%;"> ?</h1></div>


              <section class="py-5 header">
                <div class="container py-3 neumorphic4">
                    <div class="row">
                        <div class="col-md-3 inset">
                            <!-- Tabs nav -->
                            <div class="nav flex-column nav-pills nav-pills-custom" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                <a class="nav-link mb-3 p-3 shadow active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">
                                    <i class="fa fa-paint-brush mr-2"></i>
                                    <span class="font-weight-bold small text-uppercase">Branding</span></a>

                                <a class="nav-link mb-3 p-3 shadow" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">
                                    <i class="fab fa-artstation mr-2"></i>
                                    <span class="font-weight-bold small text-uppercase">Art is our Cause</span></a>

                                <a class="nav-link mb-3 p-3 shadow" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">
                                    <i class="fa fa-arrow-up mr-2"></i>
                                    <span class="font-weight-bold small text-uppercase">Upbringing</span></a>

                                <a class="nav-link mb-3 p-3 shadow" id="v-pills-settings-tab" data-toggle="pill" href="#v-pills-settings" role="tab" aria-controls="v-pills-settings" aria-selected="false">
                                    <i class="fa fa-star mr-2"></i>
                                    <span class="font-weight-bold small text-uppercase">Reviews</span></a>
                                </div>
                        </div>

                        <div class="col-md inset2">
                            <!-- Tabs content -->
                            <div class="tab-content" id="v-pills-tabContent">
                                <div class="tab-pane fade shadow rounded show active p-5 neumorphic3 inset5" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                                    <h4 class="font-italic mb-4">Jutsu ( 術 )</h4>
                                    <p class="font-italic text-muted mb-2">technique, method, skill, art.</p>
                                </div>

                                <div class="tab-pane fade shadow rounded p-5 neumorphic3 inset5" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                                    <h4 class="font-italic mb-4">Why choose <strong>ART</strong></h4>
                                    <p class="font-italic text-muted mb-2">Art surrounds life, all people in every location, without us being aware of it. Since time immemorial, art has existed as long as man has. It is a huge part of our culture, which shapes our ideas, and vice versa, and provides us with a deeper understanding of emotions, self-awareness, and more </p>
                                </div>

                                <div class="tab-pane fade shadow rounded p-5 neumorphic3 inset5" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
                                    <h4 class="font-italic mb-4">How we came to be</h4>
                                    <p class="font-italic text-muted mb-2">Jutsu was founded by 3 unique individuals all craving for the passion for web development and used it as a stepping stone into the technical world</p>
                                </div>

                                <div class="tab-pane fade shadow rounded p-5 neumorphic3 inset5" id="v-pills-settings" role="tabpanel" aria-labelledby="v-pills-settings-tab">
                                    <h4 class="font-italic mb-4">Wanna know if you went to the right store?</h4>
                                    <p class="font-italic text-muted mb-2">This art store provides efficient and quality service through its simple but very organized display of information. The art, itself, is quite impressive. <br>-anonymous</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>


              <div class="tryme"><h1>Behind The Brand</h1></div>
                <div class="row">
                  <div class="col-12 col-sm-8 col-md-8 col-lg-4" >
                    <div class="our-team" style="box-shadow:  0.2rem 0.2rem 0.5rem #c8d0e7,  -0.2rem -0.2rem 0.5rem white;">
                      <a href="Izumi.php">
                        <div class="picture">
                        <img class="img-fluid" src="image/Preset3.jpg">
                      </div>
                     </a>
                     <a href="Izumi.php" style="text-decoration: none;"><div class="team-content">
                        <h3 class="name" style="  color: #313131;">Sana Izumi</h3>
                        <h4 class="title">Web Developer</h4>
                      </div></a>
                      <ul class="social">
                        <li><a href="https://www.facebook.com/sana.izumi.4" class="fa fa-facebook" aria-hidden="true"></a></li>
                        <li><a href="https://twitter.com/SAmuiziAN" class="fa fa-twitter" aria-hidden="true"></a></li>
                        <li><a href="https://www.instagram.com/sana_izm37" class="fa fa-instagram" aria-hidden="true"></a></li>
                        <li><a href="https://github.com/Sana-Izumi" class="fa fa-github" aria-hidden="true"></a></li>
                      </ul>
                    </div>
                  </div>
                      <div class="col-12 col-sm-8 col-md-8 col-lg-4">
                    <div class="our-team" style="box-shadow:  0.2rem 0.2rem 0.5rem #c8d0e7,  -0.2rem -0.2rem 0.5rem white;">
                        <a href="Leonado.php">
                            <div class="picture">
                                <img class="img-fluid" src="image/Preset2.jpeg">
                            </div>
                        </a>
                        <a href="Leonado.php" style="text-decoration: none;"><div class="team-content">
                        <h3 class="name" style="  color: #313131;">Ivana Leonado</h3>
                        <h4 class="title">Web Developer</h4>
                      </div></a>
                      <ul class="social">
                        <li><a href="https://www.facebook.com/ivanaleonado" class="fa fa-facebook" aria-hidden="true"></a></li>
                        <li><a href="https://twitter.com/heybanini" class="fa fa-twitter" aria-hidden="true"></a></li>
                        <li><a href="https://www.instagram.com/ivanaohnanah" class="fa fa-instagram" aria-hidden="true"></a></li>
                        <li><a href="https://github.com/IvanaLeonado" class="fa fa-github" aria-hidden="true"></a></li>
                      </ul>
                    </div>
                  </div>
                      <div class="col-12 col-sm-8 col-md-8 col-lg-4">
                    <div class="our-team" style="box-shadow:  0.2rem 0.2rem 0.5rem #c8d0e7,  -0.2rem -0.2rem 0.5rem white;">
                        <a href="Stewart.php">
                            <div class="picture">
                                <img class="img-fluid" src="image/Preset1.jpg">
                            </div>
                            </a>
                      <a href="Stewart.php" style="text-decoration: none;"><div class="team-content">
                        <h3 class="name" style="  color: #313131;">Christian Stewart</h3>
                        <h4 class="title">Web Developer</h4>
                      </div></a>
                      <ul class="social">
                        <li><a href="https://www.facebook.com/stewart.ca.8" class="fa fa-facebook" aria-hidden="true"></a></li>
                        <li><a href="https://twitter.com/Stewart_ca8" class="fa fa-twitter" aria-hidden="true"></a></li>
                        <li><a href="https://www.instagram.com/stewart.ca8/" class="fa fa-instagram" aria-hidden="true"></a></li>
                        <li><a href="https://www.youtube.com/channel/UCQ1Wu4srK7VvsEzrwzAiskg" class="fa fa-youtube-play" aria-hidden="true"></a></li>
                        <li><a href="https://github.com/TheLast22" class="fa fa-github" aria-hidden="true"></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <!-- footer -->
              <?php include "footer.php";?>

        </main>
        <!-- page-content" -->
    </div>

    <!-- using local scripts -->
    <?php include "script.php";?>

</body>

</html>