Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
A
angular-component-paths-exercise
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Shaphen Pangburn
angular-component-paths-exercise
Commits
df095486
Commit
df095486
authored
Apr 20, 2021
by
Shaphen
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Add descriptions and minimal styling
parent
670c7b28
Changes
11
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
93 additions
and
48 deletions
+93
-48
england.component.css
src/app/england/england.component.css
+0
-5
england.component.html
src/app/england/england.component.html
+15
-6
footer.component.css
src/app/footer/footer.component.css
+5
-1
france.component.css
src/app/france/france.component.css
+0
-5
france.component.html
src/app/france/france.component.html
+16
-6
greece.component.css
src/app/greece/greece.component.css
+0
-5
greece.component.html
src/app/greece/greece.component.html
+16
-6
header.component.css
src/app/header/header.component.css
+3
-1
spain.component.css
src/app/spain/spain.component.css
+0
-5
spain.component.html
src/app/spain/spain.component.html
+16
-7
styles.css
src/styles.css
+22
-1
No files found.
src/app/england/england.component.css
View file @
df095486
.img
{
height
:
300px
;
width
:
300px
;
padding
:
5px
;
}
\ No newline at end of file
src/app/england/england.component.html
View file @
df095486
<h2>
England
</h2>
<div
class=
"location-component-container"
>
<h2>
England
</h2>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/england/england-bridge.jpg'
/>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/england/england-parliament.jpg'
/>
<img
class=
'img'
src=
'assets/images/england/england-bridge.jpg'
/>
<img
class=
'img'
src=
'assets/images/england/england-stonehedge.jpg'
/>
<img
class=
'img'
src=
'assets/images/england/england-parliament.jpg'
/>
<img
class=
'img'
src=
'assets/images/england/england-stonehedge.jpg'
/>
</div>
<p
class=
"location-desc"
>
England is a country that is part of the United Kingdom. It shares land borders with Wales to its west and
Scotland to its north. The Irish Sea lies northwest of England and the Celtic Sea to the southwest.
England is separated from continental Europe by the North Sea to the east and the English Channel to the
south.
</p>
</div>
</div>
src/app/footer/footer.component.css
View file @
df095486
...
@@ -8,6 +8,8 @@
...
@@ -8,6 +8,8 @@
}
}
ul
{
ul
{
display
:
flex
;
justify-content
:
center
;
font-family
:
Arial
,
Verdana
;
font-family
:
Arial
,
Verdana
;
font-size
:
14px
;
font-size
:
14px
;
margin
:
0
auto
;
margin
:
0
auto
;
...
@@ -21,5 +23,7 @@ ul li {
...
@@ -21,5 +23,7 @@ ul li {
display
:
block
;
display
:
block
;
position
:
relative
;
position
:
relative
;
float
:
left
;
float
:
left
;
padding-left
:
20px
;
;
margin-left
:
15px
;
padding
:
0px
5px
;
cursor
:
pointer
;
}
}
\ No newline at end of file
src/app/france/france.component.css
View file @
df095486
.img
{
height
:
300px
;
width
:
300px
;
padding
:
5px
;
}
\ No newline at end of file
src/app/france/france.component.html
View file @
df095486
<h2>
France
</h2>
<div
class=
"location-component-container"
>
<h2>
France
</h2>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/france/france-cafe.jpg'
/>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/france/france-tower.jpg'
/>
<img
class=
'img'
src=
'assets/images/france/france-cafe.jpg'
/>
<img
class=
'img'
src=
'assets/images/france/france-town.jpg'
/>
<img
class=
'img'
src=
'assets/images/france/france-tower.jpg'
/>
<img
class=
'img'
src=
'assets/images/france/france-town.jpg'
/>
</div>
<p
class=
"location-desc"
>
France, in Western Europe, encompasses medieval cities, alpine villages and Mediterranean beaches.
Paris, its capital, is famed for its fashion houses, classical art museums including the Louvre and
monuments like the Eiffel Tower. The country is also renowned for its wines and sophisticated cuisine.
Lascaux’s ancient cave drawings, Lyon’s Roman theater and the vast Palace of Versailles attest to its
rich history.
</p>
</div>
</div>
\ No newline at end of file
src/app/greece/greece.component.css
View file @
df095486
.img
{
height
:
300px
;
width
:
300px
;
padding
:
5px
;
}
\ No newline at end of file
src/app/greece/greece.component.html
View file @
df095486
<h2>
Greece
</h2>
<div
class=
"location-component-container"
>
<h2>
Greece
</h2>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/greece/greece- beach.jpg'
/>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/greece/greece-steps.jpg'
/>
<img
class=
'img'
src=
'assets/images/greece/greece- beach.jpg'
/>
<img
class=
'img'
src=
'assets/images/greece/greese-santorini.jpg'
/>
<img
class=
'img'
src=
'assets/images/greece/greece-steps.jpg'
/>
<img
class=
'img'
src=
'assets/images/greece/greese-santorini.jpg'
/>
</div>
<p
class=
"location-desc"
>
Greece is a country in southeastern Europe with thousands of islands throughout the Aegean and
Ionian seas. Influential in ancient times, it's often called the cradle of Western civilization.
Athens, its capital, retains landmarks including the 5th-century B.C. Acropolis citadel with the
Parthenon temple. Greece is also known for its beaches, from the black sands of Santorini to the
party resorts of Mykonos.
</p>
</div>
</div>
src/app/header/header.component.css
View file @
df095486
...
@@ -25,5 +25,7 @@ h3{
...
@@ -25,5 +25,7 @@ h3{
.account
{
.account
{
position
:
absolute
;
position
:
absolute
;
right
:
10px
;
right
:
10px
;
margin-top
:
20px
;
margin-top
:
15px
;
padding
:
5px
10px
;
cursor
:
pointer
;
}
}
\ No newline at end of file
src/app/spain/spain.component.css
View file @
df095486
.img
{
height
:
300px
;
width
:
300px
;
padding
:
5px
;
}
\ No newline at end of file
src/app/spain/spain.component.html
View file @
df095486
<h2>
Spain
</h2>
<div
class=
"location-component-container"
>
<h2>
Spain
</h2>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/spain/spain-barcelona.jpg'
/>
<div
class=
'imgContainer'
>
<img
class=
'img'
src=
'assets/images/spain/spain-cathedral.jpg'
/>
<img
class=
'img'
src=
'assets/images/spain/spain-barcelona.jpg'
/>
<img
class=
'img'
src=
'assets/images/spain/spain-dance.jpg'
/>
<img
class=
'img'
src=
'assets/images/spain/spain-cathedral.jpg'
/>
</div>
<img
class=
'img'
src=
'assets/images/spain/spain-dance.jpg'
/>
</div>
<p
class=
"location-desc"
>
Spain, a country on Europe’s Iberian Peninsula, includes 17 autonomous regions with diverse geography
and cultures. Capital city Madrid is home to the Royal Palace and Prado museum, housing works by European
masters. Segovia has a medieval castle (the Alcázar) and an intact Roman aqueduct. Catalonia’s capital,
Barcelona, is defined by Antoni Gaudí’s whimsical modernist landmarks like the Sagrada Família church.
</p>
</div>
\ No newline at end of file
src/styles.css
View file @
df095486
/* You can add global styles to this file, and also import other style files */
.dynamic-container
{
width
:
100%
;
}
.location-component-container
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
text-align
:
center
;
width
:
100%
;
}
.img
{
height
:
300px
;
width
:
300px
;
padding
:
5px
;
}
.location-desc
{
width
:
80%
;
margin-top
:
20px
;
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment