Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Leticia Tran (Ampers) #31

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Leticia Tran (Ampers) #31

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
7e0da09
Created new files (styles.css, normalize.css, index.html), and outlin…
LetiTran Mar 16, 2018
48aec54
Added picture and name centralized on top of page
LetiTran Mar 16, 2018
6f89cf0
Created body rows, added grid for 'work' section, added hover (change…
LetiTran Mar 16, 2018
f017aed
Added link to the menu items
LetiTran Mar 18, 2018
6cd11e4
Changed some of the colors and added hover to the menu-bar.. still de…
LetiTran Mar 18, 2018
69e2c77
Created more pages (Works, Contact, About, Social-media))
LetiTran Mar 18, 2018
2d2d5c3
Created style files for the new pages.
LetiTran Mar 18, 2018
1115658
changed colors, added some content to work.html file, added some more…
LetiTran Mar 19, 2018
ee6a0bb
Initial idea starting to take place.. Added some style, images, cupca…
LetiTran Mar 19, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added images/logo-facebook.png
View file
Open in desktop
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 images/logo-twitter.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
102 changes: 102 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Leticia Tran</title>
<link href="styles/normalize.css" rel="stylesheet" />
<link href="styles/styles.css" rel="stylesheet" />
</head>
<body>
<!-- TODO: Have the option to listen to a playlist or at least just one song...? -->

<section class="top-bottom nav-bar">
<nav>
<ul>
<!-- TODO: maybe have a nav buttom thatscrolls down to the page portion with a certain section? instead of taking you to another page -->
<li><a href="index.html" id="link-selected">Home</a></li>
<li><a href="pages/about.html">About Me</a></li>
<!-- TODO: more detailed stuff... -->
<li><a href="pages/works.html">Works</a></li>
<li><a href="pages/social.html">Social Media</a></li>
<!-- <li>Blog?</li> -->
<li><a href="pages/contact.html">Contact</a></li>

</ul>
</nav>
</section>

<section class="intro">
<!-- TODO: put name, picture, brief line that represents u, pronous -->
<div class="splash">
<h1>Leticia Silva Tran</h1>
</div>
</section>

<section class="about">
<!-- TODO: present yourself, some of your story, who u are, what u like, why.. goals-->
<p>Cupcake ipsum dolor sit amet sweet roll jelly. Jujubes soufflé sweet icing icing oat cake. Chocolate cake dragée chocolate bar. Candy tiramisu ice cream sugar plum. Sweet dessert gingerbread powder. Oat cake cheesecake macaroon wafer muffin cake gummies dessert jelly. Lollipop marshmallow icing pudding powder jelly beans.</p>
<!-- favorite quotes? -->
</section>


<section class="work-done">
<!-- TODO: brief explanation of code done and links to specific github repos -->
<section class="work-intro">
<h2>Sometitle Ada work...</h2>
<!-- <sub>This work... Ada Developers.... course.. full stack web develop...</sub> -->
<img src="https://placeimg.com/1200/200/any" alt="picture of Leticia S. Tran" />

</section>

<div class="git-startly">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The rollover effects on these are neat, but they make me think I can click on them.

<h3>Startly...</h3>
<p>Danish carrot cake jelly-o cake. Sweet roll toffee sweet roll jujubes bear claw dessert lemon drops oat cake. Gummi bears soufflé macaroon gummies cake bonbon.Pie marzipan chupa chups candy. Sugar plum ice cream danish. Muffin candy canes jelly cheesecake gummies marshmallow dessert. Muffin bear claw danish marzipan.Danish jelly-o chocolate bar. Fruitcake cotton candy cheesecake cheesecake macaroon gummies. Jelly beans gingerbread candy gingerbread gummies biscuit croissant gummi bears chupa chups.Apple pie lollipop carrot cake chocolate sesame snaps tootsie roll lollipop gummies. Candy canes caramels cheesecake candy oat cake sweet roll marshmallow muffin. Toffee danish toffee.Dragée pie chocolate bonbon marzipan pie danish. Sweet powder macaroon powder. Jujubes danish wafer toffee croissant carrot cake liquorice chocolate dessert. Toffee tart sweet gingerbread ice cream sugar plum dragée gingerbread cookie.</p>
</div>

<div class="git-hotel">
<h3>Hotel...</h3>
<p>Pie topping jujubes ice cream cake. Bonbon gingerbread apple pie. Pie soufflé chocolate cake dragée chocolate cake pastry. Ice cream muffin jelly beans topping dessert. Candy canes soufflé sweet roll tiramisu topping gummi bears chocolate. Jelly donut tart lemon drops topping muffin. Soufflé sweet roll jelly-o pastry. Marshmallow cheesecake croissant sweet pudding. Macaroon cookie pie bonbon carrot cake icing. Croissant toffee chocolate bar topping pastry jelly-o jelly beans.Cheesecake cake tiramisu soufflé gingerbread gingerbread fruitcake jujubes. Toffee pastry ice cream tiramisu. Chocolate cake marshmallow cake brownie tootsie roll marshmallow gummi bears biscuit muffin. Halvah marzipan brownie. Halvah halvah candy canes ice cream halvah sweet. Gingerbread sweet roll chupa chups marshmallow ice cream.Gummi bears dragée dragée sugar plum apple pie. Topping jelly-o gingerbread macaroon. Jelly beans candy jelly lemon drops. Lollipop muffin cotton candy. Chocolate cake gummi bears caramels. Wafer pudding jelly donut jelly beans. Caramels pastry carrot cake chocolate cake muffin gingerbread tootsie roll croissant gingerbread. Fruitcake chocolate cake pudding lollipop chocolate chocolate cake. Croissant brownie cotton candy bonbon cotton candy. Tart icing pudding chocolate dragée sweet roll.
</p>
</div>

<div class="git-rideshare">
<h3>Ride Share...</h3>
<p>Jelly sesame snaps chocolate bar chupa chups gummi bears candy icing cotton candy. Soufflé gummi bears gummi bears tootsie roll chupa chups cookie wafer. Ice cream jelly beans sesame snaps gummi bears chocolate bar biscuit halvah dragée. Caramels jelly chocolate cake dragée sweet roll gingerbread. Chocolate cake jelly beans bear claw carrot cake candy canes cake macaroon. Wafer halvah jelly beans sugar plum sweet roll jelly marzipan chocolate cake brownie. Cheesecake cake topping candy soufflé apple pie. Chocolate cake bear claw gummies brownie caramels tiramisu carrot cake candy. Tart apple pie jelly marzipan wafer pie toffee. Pie pastry caramels pie chocolate cake lollipop marshmallow croissant. Jujubes jelly pudding dragée chocolate bar muffin gummies apple pie. Jelly-o danish ice cream. Soufflé gingerbread cupcake chocolate jelly beans pie marzipan. Soufflé cheesecake sweet roll biscuit. Candy jelly beans pie bonbon. Chocolate cake cotton candy bonbon jelly candy canes. Pie sesame snaps gummies jujubes cupcake cookie marshmallow. Carrot cake marshmallow muffin pastry bonbon cake. Jelly-o chocolate cake cake sesame snaps powder sesame snaps sweet roll. Dragée cookie macaroon icing. Gummies oat cake candy canes. Tootsie roll jelly dragée candy. Sweet roll toffee cookie sugar plum fruitcake tart liquorice. Cotton candy marzipan jelly liquorice. Tiramisu lollipop sweet pudding jujubes. Macaroon danish tiramisu muffin.
</p>
</div>

<div class="git-scrabble">
<h3>Scrabble..</h3>
<p>Pudding marzipan candy canes tootsie roll wafer. Pudding cookie apple pie cheesecake. Jujubes gummi bears brownie. Jujubes oat cake danish tiramisu macaroon cookie ice cream gingerbread. Marshmallow sugar plum cheesecake cake. Donut cupcake bonbon jelly beans chocolate jujubes dessert dessert. Brownie cupcake jelly beans cake tootsie roll marzipan cookie cake sesame snaps. Danish dessert bear claw halvah cookie gummies brownie lemon drops topping. Pastry pie liquorice dessert chupa chups donut cake. Chocolate tootsie roll cotton candy jelly-o candy. Gummi bears sesame snaps bear claw lemon drops muffin pastry toffee topping oat cake. Jelly marzipan sweet jelly beans fruitcake. Brownie cotton candy marzipan.Pie cookie danish sweet roll cupcake brownie. Pastry danish wafer macaroon jelly pie. Jujubes candy cheesecake tootsie roll. Caramels bear claw macaroon candy tiramisu cheesecake candy canes pastry fruitcake. Cake pudding powder danish marzipan dessert muffin. Cake halvah cotton candy cookie gummies jelly-o croissant. Candy sesame snaps sugar plum tart dragée oat cake apple pie. Biscuit cake topping marzipan toffee dessert topping jelly. Marzipan cookie caramels bonbon carrot cake wafer cupcake bear claw powder. Sesame snaps apple pie topping sesame snaps cake sugar plum candy canes. Macaroon dessert macaroon croissant. Cupcake chocolate tiramisu jelly beans pie sugar plum chocolate bar halvah fruitcake. Bonbon candy pie candy canes liquorice.Donut cotton candy jelly beans fruitcake carrot cake. Cookie sweet roll jelly beans chupa chups sugar plum bear claw ice cream. Jelly beans candy canes carrot cake cheesecake ice cream lemon drops ice cream. Bonbon caramels jelly-o chocolate cake candy toffee biscuit cake. Dessert icing sugar plum. Cotton candy biscuit brownie bonbon liquorice marshmallow. Gingerbread liquorice halvah. Lollipop candy canes candy chocolate cake biscuit. Cookie pastry bonbon marshmallow. Soufflé biscuit cookie donut donut. Sesame snaps dessert macaroon macaroon jelly pastry chocolate cake. Jelly chocolate cake cake. Danish caramels topping.
</p>
</div>

<div class="git-grocery">
<h3>Grocery store...</h3>
<p>Danish carrot cake jelly-o cake. Sweet roll toffee sweet roll jujubes bear claw dessert lemon drops oat cake. Gummi bears soufflé macaroon gummies cake bonbon.Pie marzipan chupa chups candy. Sugar plum ice cream danish. Muffin candy canes jelly cheesecake gummies marshmallow dessert. Muffin bear claw danish marzipan.Danish jelly-o chocolate bar. Fruitcake cotton candy cheesecake cheesecake macaroon gummies. Jelly beans gingerbread candy gingerbread gummies biscuit croissant gummi bears chupa chups.Apple pie lollipop carrot cake chocolate sesame snaps tootsie roll lollipop gummies. Candy canes caramels cheesecake candy oat cake sweet roll marshmallow muffin. Toffee danish toffee.Dragée pie chocolate bonbon marzipan pie danish. Sweet powder macaroon powder. Jujubes danish wafer toffee croissant carrot cake liquorice chocolate dessert. Toffee tart sweet gingerbread ice cream sugar plum dragée gingerbread cookie.</p>
</div>
</section>


<section class="social-media">
<!-- TODO: put social media componetns.. maybe like pieces of posts or soething like that.. preffered hastags or something.. -->
<img src="images/logo-facebook.png"></a>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

alt attribute...

<img src="images/logo-twitter.png"></a>
<!-- <p>Put images and somethings</p> -->
</section>

<section class="contact">
<!-- TODO: put the link to icon take u to the contact page (where you can send an email directly from the website)
icons for: ig, fb, twitter, linkedin-->
<p>Contacts icons, links and somethings.....</p>
<a href="mailto:[email protected] ">Email me</a>

</section>

<section class="top-bottom footer">
<!-- TODO: copywrite -->
<p>Copyright © 2018 - Leticia Silva Tran.</p>
</section>

</body>
</html>
46 changes: 46 additions & 0 deletions pages/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About</title>
<link href="../styles/normalize.css" rel="stylesheet" />
<link href="../styles/styles.css" rel="stylesheet" />
<link href="../styles/about.css" rel="stylesheet" />
</head>
<body>

<section class="top-bottom nav-bar">
<nav>
<ul>
<!-- TODO: maybe have a nav buttom thatscrolls down to the page portion with a certain section? instead of taking you to another page -->
<li><a href="../index.html">Home</a></li>
<li><a href="about.html" id="link-selected">About Me</a></li>
<!-- TODO: more detailed stuff... -->
<li><a href="works.html">Works</a></li>
<li><a href="social.html">Social Media</a></li>
<!-- <li>Blog?</li> -->
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</section>

<section class="intro">
<!-- TODO: change as the Home page changes too -->
<img src="https://placeimg.com/1200/300/any" alt="picture of Leticia S. Tran" />
<h3>Leticia Silva Tran</h3>
<p>She/Her</p>
</section>

<section class="about-content">
<p>Fruitcake donut cheesecake bonbon. Fruitcake soufflé jujubes cake caramels halvah soufflé. Topping carrot cake bear claw wafer. Tiramisu candy canes jelly biscuit cheesecake muffin.Danish cake chocolate cake gingerbread macaroon. Candy sweet roll powder sesame snaps chocolate cake marshmallow sesame snaps sesame snaps. Halvah cheesecake danish. Jelly-o tart lollipop soufflé wafer chocolate cake marzipan.Cake ice cream gingerbread. Liquorice pudding soufflé. Danish halvah tiramisu cookie. Pastry ice cream biscuit sweet marzipan jujubes halvah powder liquorice.Chocolate bonbon apple pie lemon drops donut. Oat cake pastry ice cream icing bonbon dessert oat cake donut. Jujubes sweet soufflé halvah.Sesame snaps gummies powder macaroon jelly tart halvah sweet roll. Gummi bears gummies jelly-o chocolate cake candy canes donut. Dessert bonbon bear claw gingerbread ice cream tootsie roll.Cupcake ipsum dolor sit amet. Pie wafer soufflé chocolate cake topping. Dragée jujubes soufflé chupa chups gingerbread caramels macaroon pastry. Marshmallow gingerbread jelly soufflé cupcake carrot cake jelly-o. Jelly beans toffee powder. Marzipan chocolate chocolate cake. Gummi bears lemon drops sesame snaps carrot cake oat cake powder. Fruitcake chupa chups gingerbread. Danish chupa chups jelly. Cotton candy chocolate bar topping macaroon sweet roll candy canes pie. Jelly apple pie lemon drops. Croissant toffee jelly-o dragée dragée chocolate lemon drops sweet brownie. Soufflé donut powder cupcake icing jelly. Sugar plum cupcake tart sesame snaps gingerbread marzipan marzipan powder. Dragée chocolate bar sweet roll tart jelly cake cake cupcake. Soufflé liquorice dragée pudding. Donut jelly-o pastry danish biscuit pie croissant muffin donut. Halvah muffin cookie macaroon. Pie croissant marzipan gummi bears bear claw pudding jelly icing. Caramels toffee halvah wafer brownie. Wafer cupcake macaroon cake pie gummi bears. Lollipop tiramisu dessert croissant biscuit ice cream. Tootsie roll chocolate bar dragée. Candy icing sesame snaps ice cream tiramisu sesame snaps chupa chups bear claw. Soufflé sweet fruitcake icing fruitcake. Icing danish macaroon lemon drops brownie donut sweet roll candy.

</p>
</section>

<section class="gradient-bottom footer">
<!-- TODO: copywrite -->
<p>Copyright © 2018 - Leticia Silva Tran.</p>
</section>

</body>
</html>
53 changes: 53 additions & 0 deletions pages/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contact</title>
<link href="../styles/normalize.css" rel="stylesheet" />
<link href="../styles/styles.css" rel="stylesheet" />
<link href="../styles/contact.css" rel="stylesheet" />
</head>
<body>

<section class="top-bottom nav-bar">
<nav>
<ul>
<!-- TODO: maybe have a nav buttom thatscrolls down to the page portion with a certain section? instead of taking you to another page -->
<li><a href="../index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<!-- TODO: more detailed stuff... -->
<li><a href="works.html">Works</a></li>
<li><a href="social.html">Social Media</a></li>
<!-- <li>Blog?</li> -->
<li><a href="contact.html" id="link-selected">Contact</a></li>
</ul>
</nav>
</section>

<section class="intro">
<!-- TODO: change as the Home page changes too -->
<img src="https://placeimg.com/150/150/any" alt="picture of Leticia S. Tran" />
<h2>Leticia Silva Tran</h2>
<span>She/Her</span>
</section>

<section class="contact">

<!-- put links here -->
<a href="mailto:[email protected] ">Email me</a>

<!-- <h3>Around the web</h3> -->
<!-- TODO: change social media logos for something cute -->
<br>
<img src="../images/logo-facebook.png"></a>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

alt attribute...

<img src="../images/logo-twitter.png"></a>
</section>


<section class="gradient-bottom footer">
<!-- TODO: copywrite -->
<p>Copyright © 2018 - Leticia Silva Tran.</p>
</section>

</body>
</html>
51 changes: 51 additions & 0 deletions pages/social.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Social Media</title>
<link href="../styles/normalize.css" rel="stylesheet" />
<link href="../styles/styles.css" rel="stylesheet" />
<link href="../styles/social.css" rel="stylesheet" />
</head>
<body>

<section class="top-bottom nav-bar">
<nav>
<ul>
<!-- TODO: maybe have a nav buttom thatscrolls down to the page portion with a certain section? instead of taking you to another page -->
<li><a href="../index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<!-- TODO: more detailed stuff... -->
<li><a href="works.html">Works</a></li>
<li><a href="social.html" id="link-selected">Social Media</a></li>
<!-- <li>Blog?</li> -->
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</section>

<section class="intro">
<!-- TODO: change as the Home page changes too -->
<img src="https://placeimg.com/1200/200/any" alt="picture of Leticia S. Tran" />
<h3>Leticia Silva Tran</h3>
<p>She/Her</p>
</section>


<section class="social-content">
<p>Wafer cookie muffin chocolate bar chupa chups tart powder. Lemon drops lemon drops lollipop. Lemon drops pudding dessert. Dessert icing caramels jujubes cheesecake. Soufflé carrot cake candy donut gummies. Pudding pastry cheesecake bonbon soufflé pie. Soufflé tiramisu cotton candy muffin liquorice. Biscuit icing oat cake carrot cake bonbon. Tiramisu topping danish cheesecake apple pie cake gingerbread cake. Macaroon apple pie cake. Bonbon tart dessert candy canes carrot cake cake. Ice cream sugar plum marshmallow chocolate cake ice cream chocolate bar. Cake dessert candy apple pie muffin tart bonbon chocolate bar. Candy canes marshmallow cotton candy lollipop toffee chocolate bar ice cream.</p>

<p>Pastry cheesecake cake chocolate macaroon powder oat cake pudding jujubes. Marshmallow macaroon ice cream cotton candy gummies lollipop croissant. Chocolate bar dessert sweet chocolate ice cream cookie chocolate cake. Biscuit muffin dessert cupcake sesame snaps halvah tiramisu. Powder sweet roll gingerbread cake candy dessert fruitcake. Marshmallow pastry croissant sweet roll candy canes wafer ice cream icing. Gummi bears carrot cake croissant cupcake chocolate. Soufflé dragée tootsie roll toffee dragée. Bear claw carrot cake chocolate. Ice cream pastry powder pie. Candy cotton candy tart marzipan cheesecake cookie lollipop croissant. Pie topping croissant dragée donut sweet roll chocolate. Dessert tiramisu macaroon marshmallow wafer carrot cake. Powder toffee gummi bears pastry wafer toffee tart liquorice sweet.</p>

<p>Fruitcake caramels croissant. Macaroon lemon drops apple pie macaroon dessert danish dragée candy canes. Chupa chups jujubes halvah bonbon wafer. Soufflé lollipop jelly-o. Tart chupa chups lollipop cupcake brownie toffee. Lollipop candy topping cake jujubes apple pie dragée. Cookie macaroon icing chocolate cake muffin wafer jelly beans danish ice cream. Cupcake wafer jujubes chocolate bar donut gingerbread. Sesame snaps topping chocolate. Fruitcake topping sugar plum tart wafer gummi bears. Dessert sugar plum sesame snaps muffin muffin croissant. Tootsie roll dessert chocolate cake. Marzipan pie sweet candy canes dessert halvah cupcake apple pie sweet roll.</p>
</section>



<section class="gradient-bottom footer">
<!-- TODO: copywrite -->
<p>Copyright © 2018 - Leticia Silva Tran.</p>
</section>

</body>
</html>
Loading