Skip to content

Commit

Permalink
Merge pull request #56 from Preeti8021/hollywoodcard
Browse files Browse the repository at this point in the history 
Added four hollywood cards
  • Loading branch information
@vikhyatsingh123
vikhyatsingh123 authored Dec 26, 2023
2 parents 0f1ea47 + 9d71d7e commit 668fd5b
Show file tree
Hide file tree
Showing 6 changed files with 149 additions and 2 deletions.
133 changes: 132 additions & 1 deletion src/Components/Movie/Hollywood.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,10 @@ import Dune from '../../images/dune.jpg';
import EndGame from '../../images/end.jpg';
import Memento from '../../images/Memento.jpg'
import dark_knight from '../../images/dark_knight.jpg'

import interstellar from '../../images/interstellar.jpg'
import wonder from '../../images/wonder.jpg'
import source_code from '../../images/source_code.jpg'
import lalaland from '../../images/lalaland.jpg'

const Hollywood = () => {
return (
Expand Down Expand Up @@ -225,6 +228,134 @@ const Hollywood = () => {
</div>
</div>
</Card>
{/* CARD_NUMBER 7*/}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
<img src={interstellar}
alt="Memento"
style={{height: "150px",width:"100px" }}
/>
</div>
<div style={{ flex: 6 }}>
<h3>Interstellar</h3>
<p>
Interstellar is a sci-fi epic directed by Christopher Nolan, exploring the human struggle for survival as a team of astronauts embarks on a daring interstellar journey to find a new habitable planet for humanity.
</p>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<a
href='https://github.com/Preeti8021'
target="_blank"
rel="noopener noreferrer"
>
<button className="btn btn-outline-dark gitbtn">Contributed by Preeti Kintali</button>
</a>
</div>
</div>
</div>
</Card>
{/* CARD_NUMBER 8*/}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
<img src={source_code}
alt="Memento"
style={{height: "150px",width:"100px" }}
/>
</div>
<div style={{ flex: 6 }}>
<h3>Source Code</h3>
<p>
Source Code is a mind-bending sci-fi thriller directed by Duncan Jones, where a soldier uses advanced technology to repeatedly relive the last 8 minutes of a commuter's life to prevent a devastating terrorist attack.
</p>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<a
href='https://github.com/Preeti8021'
target="_blank"
rel="noopener noreferrer"
>
<button className="btn btn-outline-dark gitbtn">Contributed by Preeti Kintali</button>
</a>
</div>
</div>
</div>
</Card>
{/* CARD_NUMBER 9*/}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
<img src={wonder}
alt="Memento"
style={{height: "150px",width:"100px" }}
/>
</div>
<div style={{ flex: 6 }}>
<h3>Wonder</h3>
<p>
Wonder is a heartwarming film depicting the inspiring journey of a boy with facial differences as he faces the challenges of acceptance and friendship in the demanding world of school.
</p>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<a
href='https://github.com/Preeti8021'
target="_blank"
rel="noopener noreferrer"
>
<button className="btn btn-outline-dark gitbtn">Contributed by Preeti Kintali</button>
</a>
</div>
</div>
</div>
</Card>
{/* CARD_NUMBER 10*/}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
<img src={lalaland}
alt="Memento"
style={{height: "150px",width:"100px" }}
/>
</div>
<div style={{ flex: 6 }}>
<h3>La La Land</h3>
<p>
La La Land skillfully depicts the struggles of a jazz musician and an aspiring actress as they navigate the fine line between career ambitions and the intricacies of love against the lively backdrop of Los Angeles.
</p>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<a
href='https://github.com/Preeti8021'
target="_blank"
rel="noopener noreferrer"
>
<button className="btn btn-outline-dark gitbtn">Contributed by Preeti Kintali</button>
</a>
</div>
</div>
</div>
</Card>
</>
);
};
Expand Down
18 changes: 17 additions & 1 deletion src/Components/Movie/Tollywood.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 2 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -82,6 +83,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 3 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -114,6 +116,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 4 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -148,6 +151,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 5 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -180,6 +184,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 6 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -211,7 +216,8 @@ const Tollywood = () => {
</div>
</div>
</div>
</Card>
</Card>
{/* Card 7 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -244,6 +250,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 8 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -276,6 +283,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 9 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -308,6 +316,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 10 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -340,6 +349,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 11 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -372,6 +382,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 12 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -404,6 +415,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 13 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -436,6 +448,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 14 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -468,6 +481,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 15 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -500,6 +514,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 16 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down Expand Up @@ -532,6 +547,7 @@ const Tollywood = () => {
</div>
</div>
</Card>
{/* Card 17 */}
<Card>
<div style={{ display: "flex", alignItems: "center" }}>
<div style={{ flex: 1 }}>
Expand Down
Binary file added src/images/interstellar.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/lalaland.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/source_code.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/wonder.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 668fd5b

Please sign in to comment.