team8dev.github.io/art.html at master · gryphon538/team8dev.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
114
115
116
117
118
---
layout: pages
title: Art
permalink: /art/
---


<link href="/assets/css/art.stylesheet.css" rel="stylesheet">

<div class="container first-container">
  <div class="col-md-12">
    <h2 class="about-first">Paly Robotics Art Team</h2>
    <hr>
    <h3 class="Animation-title" style="padding-bottom: 20px;">Merchandise</h3>
  </div>
</div>
<!-- Merchandise Section -->
<div class="container">
  {% for item in site.data.art-page.Merchandise %}
  <div class="col-md-6">
    <img class="img-responsive" src="{{item.img}}"  style="padding-left: 75px">
    <h5>{{item.title}}</h5>
    <!-- <p class="paragraph-circle">{{item.paragraph}} <a href="{{item.amazon-id}}" target="_blank">{{item.paragraph}}</a></p> -->
    <a href="{{item.amazon-id}}" target="_blank" style="margin-left: 160px">{{item.paragraph}}</a>
    <!-- <p class="paragraph-circle">Click <a href="{{item.amazon-id}}" target="_blank">here</a> to see
      "{{item.title}}" on Amazon</p> -->
  </div>
  {% endfor %}
</div>

<!-- Animation Section -->
<div class="container">
  <div class="col-md-12">
    <hr>
    <h3 class="Animation-title">{{site.data.art-page.Animation.title}}</h3><br>
  </div>
</div>
<div class="container">
  {% for item in site.data.art-page.Animation-vid %}
  <div class="col-md-6">
    <h3>{{item.title}}</h3>
    <p>{{item.paragraph}}</p>
    <p>Click <a href="https://www.youtube.com/watch?v={{item.youtube-id}}" target="_blank">here</a> to see
      "{{item.title}}" on YouTube.</p>
  </div>

  <div class="col-md-6">
    <iframe class="pull-right video" src="https://www.youtube.com/embed/{{item.youtube-id}}" frameborder="0"
      allowfullscreen></iframe>
    <!--          <iframe class="pull-right video" src="https://www.youtube.com/embed/{{item.youtube-id}}" frameborder="0" allowfullscreen></iframe>-->
  </div>
  {% endfor %}

</div>

<!--Graphic Design Section-->

<!--Elaine Idea-->
<div class="container">
  <div class="col-md-12">
    <hr>
    <h3 class="Animation-title">{{site.data.art-page.Graph-Des.title}}</h3><br>
  </div>
</div>
<div class="container">
  {% assign pic = 0 %}
  {% for item in site.data.art-page.Graph-Des-img %}
  <div class="col-md-4 extra-padding">
    <img class="img-responsive" src="{{item.img}}">
    <h4>{{item.title}}</h4>
    <p class="paragraph-circle">{{item.paragraph}}</p>
  </div>
  {% endfor %}
</div>


<div class="container">
  {% assign pic = 0 %}
  {% for item in site.data.art-page.Graph-Des-img-2 %}
  <div class="col-md-4 extra-padding">
    <img class="img-responsive" src="{{item.img}}">
    <h4>{{item.title}}</h4>
    <p class="paragraph-circle">{{item.paragraph}}</p>
  </div>
  {% endfor %}
</div>


<div class="container">
  <div class="col-md-12">
    <hr class="padding">
  </div>
</div>
<!--Idea ends-->
<!--StoryTelling Starts-->

<!-- <div class="container">

  <div class="col-md-6 your-mom">

    <h3 class>{{site.data.art-page.Vary.title}}</h3>
    <p>{{site.data.art-page.Vary.paragraph}}</p>
  </div>


  <div class="col-md-6">
    <img class="pull-right img-responsive" src="{{site.data.art-page.Vary.img}}" height="280" width="450">
  </div>

</div> -->
</div>
<style>
  .video {
    height: 400px;
    width: 100%;
    padding-bottom: 50px;
  }
</style>