import React from 'react'
import { Link } from 'react-router'
import { prefixLink } from 'gatsby-helpers'
import Helmet from 'react-helmet'
import { config } from 'config'
const styles={
  link:{
    textDecoration:'none',
    color:'black',
    fontFamily:'Ubuntu'
  }
}
export default class Index extends React.Component {
  render() {
    return (
      <div>
        <h1>
          Portfolio
        </h1>
        <ul>
          <li><Link style={styles.link} to='http://teethemes.com:3000'> Web application(in progress) based on NodeJs, Angular 1.5, mongoDb</Link></li>
          <li><Link style={styles.link} to='http://sowdan.com'>Sowdan - mobile applications with ionic</Link></li>
          <li><Link style={styles.link} to='http://themeforest.net/item/bishop-opencart-responsive-theme/11607490'>Bishop - opencart template</Link></li>
          <li><Link style={styles.link} to='http://teethemes.com'>T-themes - landing page</Link></li>
          <li><Link style={styles.link} to='http://themeforest.net/item/the-blazze-blog-and-magazine-html-site-template/11251890'>The Blazze - HTML template</Link></li>
          <li><Link style={styles.link} to='https://creativemarket.com/teethemes/635708-One-fashion-day'>One fashion Day - Under construction template</Link></li>
          <li><Link style={styles.link} to='http://templates.teethemes.com/megaplace/'>Megaplace - ecommecrce template</Link></li>
          <li><Link style={styles.link} to='http://stereolab.com.ua/'>Stereolab - opencart ecommerce website</Link></li>
        </ul>       
      </div>
    )
  }
}

@@ -197,30 +197,60 @@
     
-textDecoration:'none',
+color:'black',%0A    fontFamily:'Ubuntu'%0A  %7D,%0A  text:%7B
 %0A   
@@ -444,16 +444,36 @@
      %3Cul
+ style=%7Bstyles.text%7D
 %3E%0A      
@@ -473,36 +473,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -495,34 +495,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://teethem
@@ -565,16 +565,20 @@
 rogress)
+%3C/a%3E
  based o
@@ -609,23 +609,16 @@
 ongoDb%3C/
-Link%3E%3C/
 li%3E%0A    
@@ -620,36 +620,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -642,34 +642,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://sowdan.
@@ -681,16 +681,20 @@
 '%3ESowdan
+%3C/a%3E
  - mobil
@@ -720,23 +720,16 @@
  ionic%3C/
-Link%3E%3C/
 li%3E%0A    
@@ -731,36 +731,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -753,34 +753,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://themefo
@@ -844,16 +844,20 @@
 '%3EBishop
+%3C/a%3E
  - openc
@@ -862,39 +862,32 @@
 ncart template%3C/
-Link%3E%3C/
 li%3E%0A          %3Cl
@@ -881,36 +881,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -903,34 +903,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://teethem
@@ -947,16 +947,20 @@
 T-themes
+%3C/a%3E
  - landi
@@ -968,23 +968,16 @@
 g page%3C/
-Link%3E%3C/
 li%3E%0A    
@@ -979,36 +979,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -1001,34 +1001,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://themefo
@@ -1111,16 +1111,20 @@
 e Blazze
+%3C/a%3E
  - HTML 
@@ -1125,39 +1125,32 @@
  HTML template%3C/
-Link%3E%3C/
 li%3E%0A          %3Cl
@@ -1144,36 +1144,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -1170,26 +1170,28 @@
 tyles.link%7D 
-to
+href
 ='https://cr
@@ -1256,16 +1256,20 @@
 hion Day
+%3C/a%3E
  - Under
@@ -1284,39 +1284,32 @@
 ction template%3C/
-Link%3E%3C/
 li%3E%0A          %3Cl
@@ -1303,36 +1303,33 @@
 %0A          %3Cli%3E%3C
-Link
+a
  style=%7Bstyles.l
@@ -1325,34 +1325,36 @@
 e=%7Bstyles.link%7D 
-to
+href
 ='http://templat
@@ -1391,16 +1391,20 @@
 egaplace
+%3C/a%3E
  - ecomm
@@ -1415,31 +1415,24 @@
 e template%3C/
-Link%3E%3C/
 li%3E%0A        
@@ -1438,20 +1438,17 @@
    %3Cli%3E%3C
-Link
+a
  style=%7B
@@ -1464,10 +1464,12 @@
 nk%7D 
-to
+href
 ='ht
@@ -1501,16 +1501,20 @@
 tereolab
+%3C/a%3E
  - openc
@@ -1540,15 +1540,8 @@
 te%3C/
-Link%3E%3C/
 li%3E%0A

Fix links