Capitolul 1: Alegerea temei

In momentul in care am aflat ca trebuie sa realizam cate un site web,

primul meu gand a fost sa realizez ceva legat de tara noastra. Ceva prin care as
putea ajuta la promovarea ei, la mediatizarea atractiilor turistice, sau al
anumitor zone interesante, unice si cat se poate de atractive cu minunata
noastra tara, Romania.
De aici si idea de ROMANIA PITOREASCA, proiect prin care am vrut
sa scot in evidenta cateva puncte de atractie turistica din Romania.
Aceasta tema se poate dezvolta pe parcurs mult mai mult, se poate
transforma acest site web intr-un adevarat portal touristic, unde se pot prezenta
chiar oferte turistice, zone mai putin cunoscute, dar cu un impact vizual si
emotional incredibil de placut.

Capitolul 2: Introducere
Noiunea site web provine din expresia englez web site i desemneaz
o grup de pagini web multimedia (coninnd texte, imagini fixe, animaii
.a.), accesibile n Internet n principiu oriicui, de obicei pe o tem anume, i
care sunt conectate ntre ele prin aa-numite hiperlinkuri. Diversele site-uri
web pot fi create de ctre o organizaie, o persoan particular, instituii
publice etc. Iniial noiunea aprea n limba romn scris sub dou forme : sit
web i site (ca n limba englez). Lingvistul George Pruteanu considera c
varianta de preferat este sait.
De obicei un site web este administrat (creat, ntreinut i actualizat) de
ctre un aa-numit webmaster, dar exist i alte posibiliti:

site-ul web se actualizeaz automat i permanent pe baza unei baze de

date;
paginile sale se creeaz n mod dinamic i automat n funcie de
aciunea utilizatorului n cadrul unei aplicaii web;

site-ul web se creeaz i e administrat chiar de ctre utilizatorii si - vezi

Web 2.0.

La nceputurile Internetului fiecare site web se accesa prin indicarea adresei

sale numerice specifice (adresa IP), de ex. 155.284.317.027. Ulterior pentru
site-urile web s-au introdus i numele de domenii, care permit indicarea
adresei respective n mod mult mai comod, prin cuvinte sau nume uor de
reinut, ca de exemplu www.wikipedia.org. Adresele de site-uri web trebuie s
fie clar stabilite, unice n lume i chiar garantate pentru posesorul respectiv.
Un site web este alctuit de regul din mai multe pagini web. O pagin web
este un document creat cu ajutorul limbajului de marcare HTML i (opional)
limbaje de programare cum ar fi PHP, ASP .a. fiind accesibil vizitatorilor prin
intermediul protocolului HTTP, care transfer informaia de la server la
browser. Pagina web se numete aa deoarece, afiat pe un monitor, ea se
aseamn cu o pagin de ziar: de obicei paginile web au o lime care ncape
n ntregime pe ecran. n schimb, pagina poate fi chiar mult mai nalt (adnc)
dect nlimea ecranului, ea putnd fi totui uor afiat cu ajutorul funciilor
normale ale mausului i browserului folosite, prin "tragere" n sus i n jos. De
asemenea, un site web poate fi vizualizat pe orice dispozitiv conectat la
Internet capabil s afieze informaii prin intermediul protocolului HTTP
(unele telefoane mobile, PDA-uri, etc.).
Un site alctuit din mai multe pagini are de obicei o pagin iniial sau
principal numit homepage, de la care pleac legturi ctre paginile
interioare, secundare. Structurile i schemele de "navigare" din interiorul siteurilor web sunt foarte diferite, n funcie de scopurile, dorinele i posibilitile
ofertantului de informaii. De obicei aceast homepage este chiar pagina de
start a site-ului, pe care ofertantul de informaii n web o face cunoscut la
public drept punct de plecare pentru ntregul site web al su.
Site-urile web se pot clasifica dup o mulime de factori, dar principalul
factor rmne subiectul de activitate (sau coninutul) site-ului. Din punct de
vedere tehnologic un site web poate fi alctuit din orice tipuri de date i
informaii statice, camere de discuii, produse i servicii de vnzare, anunuri,
formulare de completat online, sunete digitalizate, clipuri video, imagini
statice i animate, efecte speciale, meniuri dinamice i multe, multe altele.
Vorbind la un nivel mai nalt, subiectul (tema) unui site web poate fi: un aanumit blog, portal web, catalog web, magazin virtual, banc, universitate
virtual, bibliotec, enciclopedie virtual, revist web, ziar web i aproape
orice altceva.

Un exemplu de site web oarecum surprinztor este CouchSurfing, un

sistem de mijlocire de locuine particulare pentru gzduirea pe timpul
concediului a cltorilor interesai de contacte cu noi persoane particulare i
noi culturi.
Dac la nceput nu s-a pus accent prea mare pe latura estetic, n zilele de
azi se acord o importan din ce n ce mai mare nu numai coninutului de
informaii al unui site web, dar i esteticii, dinamicii i atractivitii lui.
La ora actual (2007) Internetul conine sute de milioane de pagini web, pe
cele mai variate subiecte i limbi. n octombrie 2006, Netcraft, o companie de
monitorizare a Internetului care produce statistici despre Internet nc din anul
1995, a anunat c n web exist 101.435.235 site-uri, fiecare cu nume de
domeniu propriu unic (fa de 18.000 site-uri n august 1995).
Principalele categorii de site-uri web dup coninut
1.Coninutul de tip meme - meme-urile reprezint imagini editate cu textul
dorit
2.Coninut infografic - reprezentri grafice ale unor date (ex.graficele
vnzrilor de pe ultima lun)
3.Coninut video - foarte
demonstraii,tutoriale,etc

util

cazul

website-urilor

ce

ofer

4.Coninutul propriu-zis de tip text - textul este elementul cheie al unui site sau
blog ce poate fi combinat cu succes mpreun cu primele trei tipuri de
coninut.

Capitolul 3: Generalitati despre HTML

Internetul este intr-o continua evolutie. Pe zi ce trece apar site-uri din ce
in ce mai inovatoare, care forteaza limitle HTML-ului. Acest lucru se poate
explica usor prin faptul ca dezvoltarea limbajului s-a oprit in 1999, la HTML
4. W3C (World Wide Web Consortium) a continuat dezvoltarea XML,
precum si a altor limbaje markup cum ar fi: Scalable Vector Graphics
(SVG), XForms, and MathML.

Programatorii au invatat CSS si limbajul JavaScript pentru a-si crea

propriile aplicatii pe framework-uri deja existente care foloseau
Asynchronous JavaScript + XML(AJAX). Astfel, HTML nu s-a dezvoltat
in ultimii 8 ani.
Acest lucru avea sa se schimbe in anul 2004, cand 3 dintre cei mai
mari producatori de browsere: Apple, Opera si Mozilla au inceput sa lucreze
impreuna, formand (Web Hypertext Application Technology Working
Group sau WHATWG), pentru dezvoltarea clasicului HTML.
Astfel apare HTML 5 (denumit si Web Applications 1.0) care se vrea a
5-a mare revizie a HTML-ului.
Avand ca punct de plecare HTML 5, W3C a fondat, in 2007, HTML
working group( sau W3C HTML WG), care a publicat prima schita a
proiectului in 22 Ianuarie 2008.

Capitolul 4: Crearea si editarea paginii

HTML 5 introduce un nou set de elemente, care fac mult mai usoara
sturcturarea paginilor. Majoritatea paginilor in HTML 4 folosesc structuri
cum ar fi headere, footere si coloane.Acestea sunt realizate cu ajutorul
tagului <div>, caruia i se adauga atribulete id sau class.

Flosirea tagului <div> se datoreaza faptului ca actula versiune de HTML

nu dispune de elemente specializate pentru a descrie fiecare structura
(header, footer, coloana) in parte. HTML 5 rezolva aceasta problema
introducand elemente noi, dupa cum se poate vedea in imaginea de mai jos:

(elementul div poate fi inlocuit cu: header, nav, section, article, aside
,footer).
Codul pentru o pagina avand structura de mai sus va fi:
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body
>
De exemplu, pentru urmatorea structura markup s-au folosit section
incuibat si elemente h1:

<section>
<h1>Level 1</h1>
<section>
<h1>Level 2</h1>
<section>
<h1>Level
3</h1>
</section>
</section>
</section>
De asemenea, pentru compatibilitate cu browswerele actuale, este
posibila folosirea altor elemente de heading (h2 h6) in locul elementelor
h1.
Folosind sectiunile(sections), paginile vor deveni mult mai usor
navigabile. De exenplu, se poate sari usor de la un articol la altul, fara sa fie
necesara folosirea de catre autor a linkurilor de skip. Cei care realizeaza
paginile au, de asemenea, de beneficiat pentru ca inlocuitrea div-urilor cu alte
elemente face codul mult mai usor de urmarit.
Elementele de header reprezinte headerul unei sectiuni. Headerele pot
contine mai mult decat doar headingul unei sectiuni. De exemplu acestea pot
include subtitluri sau informatii(nume, functie) despre autor.
<header>
<h1>A Preview of HTML 5</h1>
<p class="byline">By Lachlan Hunt</p>
</header>
<header>
<h1>Example Blog</h1>
<h2>Insert tag line here.</h2>
</header>
Elementele de footer reprezita footerul sectiunii careia i se aplica. De
obicei acesta contine informatii despre sectiunea respectiva, despre autor,
link-uri si copyright-ul.
<footer> 2015 Example Inc.</footer>

Elemetele de nav reperezinta sectiunea de navigation links.Se

foloseste atat pentru navigarea pe site cat si pe post de cuprins.

<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>

Elemetul assideeste folosit pentru continut care abordeaza aceeasi

tematica si este, in general, folosit pentru crearea sidebar-urilor.
<aside>
<h1>Archives</h1>
<ul>
<li><a href="/2007/09/">September 2007</a></li>
<li><a href="/2007/08/">August 2007</a></li>
<li><a href="/2007/07/">July 2007</a></li>
</ul>
</aside>
Elementele de section reprezinta o sectiune a documentului sau a
aplicatiei, de exemplu un capitol.
<section>
<h1>Chapter 1: The Period</h1>
<p>It was the best of times, it was the worst of times,
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity, it was
the season of Light, it was the season of Darkness,
...</p>
</section>
Un element article reprezinta o sectiune independenta a documentului,
paginii sau site- ului. Acesta poate fi folosit pentru a scrie un articol de
stiri,un post pe blog, un post pe un forum sau un comentariu.
<section>
<h1>Chapter 1: The Period</h1>
<p>It was the best of times, it was the worst of times,
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity,
it was the season of Light, it was the season of Darkness,
...</p>
</section>

Audio si Video

In ultimii ani elementele audio si video au devenit din ce in ce mai populare

si mai des folosite, datorita unor site-uri precum YouTube, Viddler, Revver,
MySpace si altele, care ofera oricui posibilitatea de a crea asemena fisiere. Avand
in vedere ca actuala versiune HTML nu ofera posibilitatea de a introduce si a
controla asemenea elemente, multe site- uri folosesc Flash-ul pentru a crea aceasta
functionalitate. Chiar daca se pot introduce elemente audio/video in pagini flosind
mai multe plug-inuri (QuickTime, Windows Media etc.), Flash-ul este singurul
care ofera o solutie compatibila cu toate browserele.
Dupa cum s-a vazut in cazul media player-elor bazate pe Flash,
programatorii isi doresc sa creeze interfete proprii, originale, care permit, in
general, utilizatorului optiunile: play, pause, stop, seek si adjust volume. Ideea
este de a pune la dispozitie aceste functionalitati in browsere prin adaugarea de
resurse proprii pentru inserarea elementelor audio/video si prin realizarea de
DOM API-uri pentru scripturi care sa controleze functionarea lor.
Noile elemente video si audio vor facilita realizarea acestor
deziderate.Majoritatea API- urilor sunt comune pentru cele doua elemente,
singura deosebire referindu-se la diferentele intre cele doua tipuri de media: vizual
si non-vizual.
Cea mai simpla modalitate de a insera un clip video este de a folosi
elementul videosi de a permite browser-ului sa creeze o interfata default. Atributul
controls este un atribut boolean si indica daca programatorul doreste sau nu
interfata cu utilzatorul(UI) by default.
<video src="video.ogv" controls poster="poster.jpg"
width="320" height="240">
<a href="video.ogv">Download movie</a>
</video>
Atributul optional poster poate fi folosit pentru a specifica o imagine care va
fi afista in locul clipului video inainte ca acesta sa inceapa sa ruleze. Desi exista
formate video care ofera propriul lor poster frame feature, cum ar fi MPEG-4,
solutia propusa de HTML5 va fuctiona pentru orice format.
La fel de simplu se insereaza elemente audio in pagina, folosind audio.
Majoritatea atributelor sunt commune intre audio si video. Totusi, din motive

evidente, pentru elemental audio lipsesc atributele: width, height si poster.

<audio src="music.oga" controls>
<a href="music.oga">Download song</a>
</audio>
HTML5 ofera aributul source, pentru a preciza elementele audio sau video
din care browserul poate alege, bazandu-se pe tipurile sale media si pe suportul
codecurior.

<video poster="poster.jpg">
<source src="video.3gp" type="video/3gpp"
media="handheld">
<source src="video.ogv" type="video/ogg;
codecs=theora, vorbis">
<source src="video.mp4" type="video/mp4">
</video>
<audio>
<source src="music.oga" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</audio>
Pentru programatorii care isi doresc ceva mai mult control asupra interfetei
cu utilizatorul astfel incat sa o poata dimensiona in functie de designul paginii,
Api-urile suplimentare ofera mai multe metode de a lasa scripturile sa controleze
functionarea elementului media. Cele mai simple metode de folosire sunt: play(),
pause(), si a seta currentTime sa deruleze de la inceput. Urmatorul exemplu
ilustreaza cum se port folosi acestea:
<video src="video.ogg" id="video"></video>
<script>
var video = document.getElementById("video");
</script>
<p><button type="button" onclick="video.play();">Play</button>
<button type="button" onclick="video.pause();">Pause</button>
<button type="button" onclick="video.currentTime = 0;">
<< Rewind</button>

Reprezentarea Documentelor

Spre deosebire de variantele anterioare HTML si XHTML, care sunt

definite in termeni de sintaxa, HTML5 e definit in termeni de Document Object
Model (DOM) cele trei reprezentari folosite de browsere pentru a defini un
document.De exemplu, considerand un document format din title, heading si
paragraph, asa ar arata reprezentarea DOM:

Arborele DOM include un element titlu in head si elemente h1 si p in body.

Avantajul de a defini HTML5 in trermeni de DOM este ca limbajul insusi

poate fi definit independent de sintaxa. Exista, in principal, doua sintaxa care pot
fi folosite pentru a reprezenta documente HTML: HTML serialisation (sau
HTML 5) si XML serialisation (sau XHTML 5).
HTML serialisation se refera la sintaxa inspirata din sintaxa SGML(a
vresiunilor anterioare HTML)

<!DOCTYPE html>
<html>
<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.
</body>
</html>
XML serialization se refera la o sintaxa care foloseste XML 1.0 si
namespaces, ca si XHTML 1.0.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>An HTML Document</title>
</head>
<body>
<h1>Example</h1>
<p>This is an example HTML document.</p>
</body>
</html>
Browserele folosesc tipul MIME pentru a face deosebire intre cele 2.Orice
document text/html trebuie se sa conformeze cerintelor HTML serialisation si
orice document de tipul XML MIME, cum ar fi application/xhtml+xml trebuie sa
fie conform cu cerintele standardului XML serialisation.

Capitolul 5: Codul sursa

In paginile ce urmeaza va voi prezenta elementele codului sursa din care este
alcatuit index-ul paginii mele web. Tin sa mentionez ca acest site web respecta
toate tehnologiile moderne, precum HTML5 si CSS3.
Dupa cum stim, in ziua de astazi cam toata lumea are asupra sa un
Smartphone, care in majoritatea cazurilor este conectat la internet si cam toate
informatiile sunt cautate imediat direct de pe Smartphone pe internet. Din acest
motiv, necesitatea a facut ca toate site-urile web de actualitate sa fie Responsive
(adaptabile automat pentru orice device, indifferent ce dimensiunea ecranului sau
rezolutia acestuia).
Acest proiect, fiind realizat in anul 2015, a beneficiat de acest plus, si anume
continutul Responsive. Mai jos am si prezentat o imagine cu modul in care este
afisata aceeasi pagina pe mai multe dispozitive diferite, fara sa se piarda din
continut, din calitatea imaginilor, sau sa fim nevoiti sa marim mult pagina pentru a
reusi sa citim textul din aceste pagini.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ro-RO">
<head>
<meta charset="UTF-8" />
<title>
Romania Pitoreasca &#124; Blog realizat de Poschina Madalina </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
user-scalable=0" />
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="http://magazinul-meu.com/romaniapitoreasca/xmlrpc.php" />
<link rel="stylesheet" type="text/css" media="all" href="http://magazinulmeu.com/romaniapitoreasca/wp-content/themes/road-fighter/style.css" />
<link rel="alternate" type="application/rss+xml" title="Romania Pitoreasca &raquo; Flux"
href="http://magazinul-meu.com/romaniapitoreasca/feed/" />
<link rel="alternate" type="application/rss+xml" title="Romania Pitoreasca &raquo; Fluxul
pentru comentarii" href="http://magazinul-meu.com/romaniapitoreasca/comments/feed/" />
<link rel='stylesheet' id='bwg_frontend-css' href='http://magazinulmeu.com/romaniapitoreasca/wp-content/plugins/photogallery/css/bwg_frontend.css?ver=1.2.15' type='text/css' media='all' />
<link rel='stylesheet' id='bwg_font-awesome-css' href='http://magazinulmeu.com/romaniapitoreasca/wp-content/plugins/photo-gallery/css/font-awesome/fontawesome.css?ver=4.2.0' type='text/css' media='all' />
<link rel='stylesheet' id='bwg_mCustomScrollbar-css' href='http://magazinulmeu.com/romaniapitoreasca/wp-content/plugins/photogallery/css/jquery.mCustomScrollbar.css?ver=1.2.15' type='text/css' media='all' />
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpincludes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpincludes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/plugins/photo-gallery/js/bwg_frontend.js?ver=1.2.15'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/plugins/photo-gallery/js/jquery.mobile.js?ver=1.2.15'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/plugins/photo-gallery/js/jquery.mCustomScrollbar.concat.min.js?ver=1.2.15'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/plugins/photo-gallery/js/jquery.fullscreen-0.4.1.js?ver=0.4.1'></script>
<script type='text/javascript'>

/* <![CDATA[ */
var bwg_objectL10n = {"bwg_field_required":"Este necesar un
spa\u021biu.","bwg_mail_validation":"Aceasta nu este o adres\u0103 de email
valid\u0103.","bwg_search_result":"Nu exista imagini care se potrivesc dvs. de c\u0103utare."};
/* ]]> */
</script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/plugins/photo-gallery/js/bwg_gallery_box.js?ver=1.2.15'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/js/ddsmoothmenu.js?ver=4.1.3'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/js/cufon-yui.js?ver=4.1.3'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/js/Elampa_400.font.js?ver=4.1.3'></script>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/js/custom.js?ver=4.1.3'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://magazinulmeu.com/romaniapitoreasca/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://magazinulmeu.com/romaniapitoreasca/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 4.1.3" />
<link rel="shortcut icon" href="http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/images/favicon.ico" />
<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url('http://magazinulmeu.com/romaniapitoreasca/wp-content/themes/road-fighter/images/bg.png'); backgroundrepeat: repeat; background-position: top left; background-attachment: scroll; }
</style>
</head>
<body class="home blog custom-background" style="background:url('');">
<div class="header_container home ">
<div class="container_24">
<div class="grid_24">
<header class="header home ">
<div class="header_wrapper">
<div class="grid_10 alpha">
<div class="logo">
<a href="http://magazinul-meu.com/romaniapitoreasca"><img src="http://magazinulmeu.com/romaniapitoreasca/wp-content/uploads/2015/03/logo123.png" alt="Romania
Pitoreasca logo"/></a>
</div>

</div>
</div>
<div class="clear"></div>
<div class="menu-wrapper">
<div id="MainNav">
<a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a>
<div id="menu">
<ul class="ddsmoothmenu">
<li class="current_page_item"><a href="http://magazinulmeu.com/romaniapitoreasca/">Home</a></li><li class="page_item page-item-8"><a
href="http://magazinul-meu.com/romaniapitoreasca/galerie-foto/">Galerie Foto</a></li>
<li class="page_item page-item-10"><a href="http://magazinulmeu.com/romaniapitoreasca/orase-de-interes/">Orase de Interes</a></li>
<li class="page_item page-item-24"><a href="http://magazinulmeu.com/romaniapitoreasca/litoral/">Litoral</a></li>
<li class="page_item page-item-27"><a href="http://magazinulmeu.com/romaniapitoreasca/munte/">Munte</a></li>
</ul>
</div>
</div>
</div>
</header>
</div>
<div class="clear"></div>
</div>
</div>
<div class="slider-container">
<div class="slider-wrapper">
<!--Start Slider Wrapper-->
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://magazinul-meu.com/romaniapitoreasca/wp-content/themes/roadfighter/images/slider1.jpg" alt="Slide Image 1"/>
<div class="flex-caption-wrapper">
<div class="flex-caption">
<h1><a href="#">Litoralul Marii Negre atrage tot mai multi turisti</a></h1>
<p>In ultimii ani, Litoralul Marii Negre s-a dezvoltat foarte mult, reusind sa atraga tot mai multi
turisti, atat din Romania, cat si din strainatate. </p>

<a class="slider-readmore" href="litoral"><span>Citeste mai mult</span></a>

</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="home_container">
<div class="container_24">
<div class="grid_24">
<div class="home-content">
<div class="page_info">
<h1>Romania pitoreasca ne uimeste in permanenta!</h1>
<h3>Multi spun ca in Romania nu ai ce sa faci. Noi le recomandam sa o descopere!</h3>
</div>
<div class="clear"></div>
<div class="feature-content">
<div class="grid_8 alpha">
<div class="feature-content-inner first">
<div class="image-box">
<img src="http://magazinul-meu.com/romaniapitoreasca/wp-content/themes/roadfighter/images/1.jpg" /><a href=""><div class="mask"></div></a></div>
<div class="feature-content-text">
<h3><a href="#">Litoralul Marii Negre</a></h3>
<p>Fie ca suntem mici, fie ca suntem adulti, Litoralul este o atractie unica</p>
<a class="read-more" href="litoral">Citeste mai multe</a></div> </div>
</div>
<div class="grid_8">
<div class="feature-content-inner second">
<div class="image-box">
<img src="http://magazinul-meu.com/romaniapitoreasca/wp-content/themes/roadfighter/images/2.jpg" /><a href=""><div class="mask"></div></a></div>
<div class="feature-content-text">
<h3><a href="#">Muntii din Romania</a></h3>

<p>Tara noastra se bucura de un lant muntos ce merita explorat!</p>

<a class="read-more" href="munte">Citeste mai mult</a></div>
</div>
</div>
<div class=" grid_8 omega">
<div class="feature-content-inner third">
<div class="image-box">
<img src="http://magazinul-meu.com/romaniapitoreasca/wp-content/themes/roadfighter/images/3.jpg" /><a href=""><div class="mask"></div></a></div>
<div class="feature-content-text">
<h3><a href="#">Descopera Romania</a></h3>
<p>O harta interactiva cu intreaga Romanie ce va poate oferi idei noi de excursii!</p>
<a class="read-more" href="orase-de-interes">Citeste mai mult</a> </div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="bottom_tagline">
<div class=" grid_18 ipad-tagline alpha">
<div class="bottom_tagline_text">
<h1>Vizitati galeria foto pregatita pentru prezentarea Romaniei..</h1>
</div>
</div>
<div class=" grid_6 ipad-tagline omega">
<div class="bottom_tagline_button">
<a href="galerie-foto">Galerie Foto</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="footer_container">
<div class="container_24">
<div class="grid_24">

<div class="footer">
<div class="grid_6 alpha">
<div class="footer_widget first">
<h4>Footer Widgets</h4>
<div class="textwidget">Footer is widgetized. To setup the footer, drag the required Widgets in
Appearance -> Widgets Tab in the First, Second, Third and Fourth Footer Widget Areas.</div>
</div>
</div>
<div class="grid_6">
<div class="footer_widget">
<h4>Latest Posts</h4>
<ul>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Following problems</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Music And Sports</a></li>
</ul>
</div>
</div>
<div class="grid_6">
<div class="footer_widget">
<h4>Search Anything</h4>
<div class="textwidget">
Address: Magnet Brains 10 No. Arera Colony, Bhopal India<br/>Contact No : +919926465653<br/>
Email : support@inkthemes.com </div>
</div>
</div>
<div class="grid_6 omega">
<div class="footer_widget last">
<h4>Search Widget</h4>
<div class="textwidget">You can simply put the search widget here in order to allow the users
to search their own content.</div>
<form role="search" method="get" class="searchform" action="#">
<div>
<input type="text" onfocus="if (this.value == 'Search') {
this.value = '';
}" onblur="if (this.value == '') {

this.value = 'Search';
}" value="Search" name="s" id="s">
<input type="submit" id="searchsubmit" value="">
</div>
</form>
</div>
</div> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="bottom_footer_container">
<div class="container_24">
<div class="grid_24">
<div class="bottom_footer_content">
<div class="grid_24">
<div class="copyrightinfo">
<p class="copyright"><a href="http://www.magazinul-meu.com/romaniapitoreasca">Website
realizat de Poschina Madalina.</a> Powered By<a
href="http%3A%2F%2Fwww.wordpress.org">WordPress</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<script type='text/javascript' src='http://magazinul-meu.com/romaniapitoreasca/wpcontent/themes/road-fighter/js/mobile-menu.js?ver=4.1.3'></script>
</body>
</html>