Submitting for review

18.Blender_Movies-JQuery/assets/posters.json

@@ -0,0 +1,14 @@
+[
+    {
+        "imageUrl" : "https://ddz4ak4pa3d19.cloudfront.net/cache/56/62/5662bc2079ee7ffd491b65c29a360ac9.jpg",
+        "title" : "Sprite Fright"
+    },
+    {
+        "imageUrl" : "https://cdna.artstation.com/p/assets/covers/images/019/392/064/large/andy-goralczyk-agent-poster-street-small.jpg?1563288236",
+        "title" : "Agent 327"
+    },
+    {
+        "imageUrl" : "https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Spring2019AlphaPosterBlender.jpg/1200px-Spring2019AlphaPosterBlender.jpg",
+        "title" : "Spring"
+    }
+]

18.Blender_Movies-JQuery/assets/video.json

@@ -0,0 +1,42 @@
+{
+    "videoUrl" : "https://ia800200.us.archive.org/7/items/Sintel/sintel-2048-stereo.mp4",
+    "title" : "Sintel",
+    "description" : "“Sintel” is an independently produced short film, initiated by the Blender Foundation as a means to further improve and validate the free/open source 3D creation suite Blender. With initial funding provided by 1000s of donations via the internet community, it has again proven to be a viable development model for both open 3D technology as for independent animation film. This 15 minute film has been realized in the studio of the Amsterdam Blender Institute, by an international team of artists and developers. ",
+    "comments" : [
+        {
+            "name" : "Micheal Scott",
+            "image": "assets/images/reviewers/micheal.png",
+            "comment" : "How often do people make a film where the main character kills the thing they were trying to rescue because they didn’t recognize it? Not that often. This brought tears to my eyes."
+        },
+        {
+            "name" : "Dwight K Schrute (Asst. to the Regional Manager)",
+            "image": "assets/images/reviewers/dwight.png",
+            "comment" : "Breathtaking, I’ve only just begun my blender journey. Making something every day until I get to the point I can create something on this scale. Pretty amazing short story as well. Props all around to all involved in this great piece of work!"
+        },
+        {
+            "name" : "Jim Halpert",
+            "image" : "assets/images/reviewers/jim.png",
+            "comment" : "Only the best stories can make you cry, and while I’ve lost count how many times I’ve watched this remarkable piece of art  over the years showing it to people I know, Sintel brings a tear to my eye every time. This film is inspiring not only for the beautiful story but for the magical quality animation."
+        },
+        {
+            "name" : "Pam Beesly Halpert",
+            "image" : "assets/images/reviewers/pam.png",
+            "comment" : "This short film was riveting. The musical overlay was astounding and so were the animations. I was bawling like a little kid at the end of this video and not many videos are able to do this to me."
+        },
+        {
+            "name" : "Angela Martin",
+            "image" : "assets/images/reviewers/angela.png",
+            "comment" : "I saw this movie a long time ago as a child and it still scars me to this day. This is the kind of stuff that should AT THE VERY LEAST be played before a movie the way they showed bao before The Incredibles 2. These are little masterpieces."
+        },
+        {
+            "name" : "Kevin Malone",
+            "image" : "assets/images/reviewers/kevin.png",
+            "comment" : "Wow, at first I thought that it wasn’t that good, nice animation and all but not excellent story. Then I saw the end. The feels are real. You win Blender Foundation, you win."
+        },
+        {
+            "name" : "Andy Bernard",
+            "image": "assets/images/reviewers/andy.png",
+            "comment": "Honestly seeing a story with a sad ending is refreshing, I can tell you the ending of 99% of all movies ever made. “Its a happy ending”. Its why I like game of thrones and its why I loved this."
+        }
+    ]
+}

18.Blender_Movies-JQuery/css/phone-screen.css

@@ -0,0 +1,101 @@
+body{
+    background-color: #FFFFFF;
+}
+
+/* =============================HEADER CONTENT============================= */
+header{
+    width:100%;
+}
+.titleBar{
+    width: 95%;
+}
+.userName h5{
+    display: none;
+}
+/* =============================End Of HEADER CONTENT============================= */
+
+
+/* =============================MAIN CONTENT============================= */
+.contentWrapper{
+    width: 95%;
+    margin: auto;
+    flex-direction: column;
+}
+.primaryContentWrapper{
+    width: 100%;
+}
+.secondaryContentWrapper{
+    width: 100%;
+}
+
+/* ---------------VIDEO STREAMING AREA--------------- */
+.videoStream{
+    width: 100%;
+    height: 176px;
+}
+.videoName{
+    font-size: 16px;
+}
+.videoDescription{
+    font-size: 12px;
+}
+/* ---------------End Of VIDEO STREAMING AREA--------------- */
+
+
+/* ---------------COMMENTS SECTION WRAPPER--------------- */
+.commentsWrapper{
+    align-items: flex-start;
+}
+.commentsSectionWrapper h2{
+    font-size: 14px;
+}
+.commentorName h3{
+    font-size: 13px;
+}
+.comment p{
+    font-size: 12px;
+}
+/* ---------------End Of COMMENTS SECTION WRAPPER--------------- */
+
+.contentRuler{
+    display: inline-block;
+    margin: 15px 0px 20px;
+}
+
+
+/* ---------------SECONDARY CONTENT WRAPPER--------------- */
+.secondaryContentWrapper h2{
+    font-size: 14px;
+}
+.posterWrapper{
+    width: 100%;
+    height: 565px;
+}
+/* ---------------End Of SECONDARY CONTENT WRAPPER--------------- */
+
+/* =============================End Of MAIN CONTENT============================= */
+
+
+/* =============================CHAT ICON============================= */
+.chatIconWrapper{
+    right:15px;
+}
+/* =============================End Of CHAT ICON============================= */
+
+
+/* =============================FOOTER CONTENT============================= */
+footer{
+    height: 85px;
+    margin-top: 5px;
+    padding: 15px 0px;
+}
+.copyrightsBar{
+    flex-direction: column;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+}
+.year h3{
+    font-size: 22px;
+}
+/* =============================End Of FOOTER CONTENT============================= */